[JavaScript] #6. 배열

JavaScript에서 배열을 어떻게 다루는 지에 대해서 알아보겠다.

 

 

 

1. 선언

 

첫번째 방법은 new Array( )를 통해 선언한다.

두번째 방법은 [ ]를 이용해서 선언과 동시에 초기화를 한다.

 

 

 

 

2. 인덱스

 

배열은 인덱스를 통해 배열에 저장되어 있는 값에 접근한다.

만약 배열의 범위를 넘어선 곳을 인덱스를 통해 접근하게 되면, undefined 라고 뜬다.

 

 

배열의 마지막 요소에 접근하고 싶다면, length를 이용한다. 여기서 length는 배열의 길이를 알려준다.

따라서 배열의 마지막 인덱스는 배열.length-1이라고 표현한다.

 

 

 

 

3. 반복문

 

배열의 반복문에는 3가지 방법이 있다.

 

 

 

▶ for 문

 

 

 

 

▶ for of 문

 

for ( value of 배열 ) : 배열의 모든 값을 처리할 때 사용한다. 

 

 

for of 문과 비슷한 반복문으로는 for in 문이 있다.

for ( key in obj ) : 오브젝트의 모든 키를 처리할 때 사용한다.

 

 

 

 

▶ forEach 문

 

배열.forEach( 콜백함수 ) : 배열 안에 들어있는 value들 마다 내가 전달한 콜백함수를 호출

 

콜백함수 인자로는 value, index, 배열 순으로 전달 가능하다.

 

배열.forEach( function( value, index, array) { } )

value : 배열에 있는 값을 function함수에 전달한다.
index : 배열의 인덱스를 function함수에 전달한다.
array : 전체 배열을 function함수에 전달한다.
forEach : 내가 전달한 콜백함수를 value마다 호출한다.

 

 

출력결과

 

"num1" 이라는 value가 가장 먼저 function의 인자인 num에 저장되고, 인덱스 0이 i에 저장된다.

그 후, 인자를 function함수에 전달하고 함수를 호출한다.

따라서 num1 0 이 출력되었다.

"num2"와 "num3"도 위와 같은 과정을 반복한다.

 

 

 

이름이 없는 anonymous function은 화살표 함수로 변경가능하다.