본문 바로가기
프로그래밍/HTML, CSS, JavaScript

자바스크립트 배열의 선언 및 사용법 예제

by Joy [바가지] 2018. 4. 24.

자바스크립트 배열

배열선언 사용법예제

 

 

배열 변수 선언

var aryFood = new Array();

 

 

배열 값 부여

aryFood[0] = '김치찌개';

aryFood[1] = '된장찌개';

aryFood[2] = '부대찌개';

※ 변수명[저장위치] = 저장값;

※ 저장위치는 0부터 시작 됩니다.

 

 

배열 선언과 동시에 값을 선언

var aryFood  = new Array('김치찌개', '된장찌개', '부대찌개');

 

var aryFood  = ['김치찌개', '된장찌개', '부대찌개'];

 

 

배열 사용법 예제 코드

<head>
   <script>
      var aryFood  = ['김치찌개', '된장찌개', '부대찌개'];

 

      function fFood(i){
         alert(aryFood[i]);
      }
   </script>

</head>
<body>
   <button onClick="fFood(0);" style="background-color:#FFBB00">0 번째 값</button>
   <button onClick="fFood(1);" style="background-color:#00D8FF">1 번째 값</button>
   <button onClick="fFood(2);" style="background-color:#FF007F">2 번째 값</button>

</body>

※ aryFood라는 배열(array)을 선언과 함께 값을 선언합니다. 그리고 버튼을 3개를 만들어 클릭 시 각 자리에 저장 된 값을 alert() 함수를 이용하여 표시 해 줍니다.

 

예제실습

  

※ 각 버튼을 클릭 해 보세요.

 

배열이란

 

다음 포스팅에서는 배열의 활용(응용) 법에 대하여 알아보도록 하겠습니다. 

반응형

댓글10