본문 바로가기

JavaScript

배열 (Array)

배열이란?

복수의 데이터를 저장할 수 있는 자료구조. 인덱스로 데이터의 순서를 알 수 있다.

 

배열 선언

/* 빈배열 생성 */
let arr1 = [];

/* 선언과 동시에 요소 삽입도 가능 */
let arr2 = ["a", "b", "c"];

/* 배열요소 삽입 */
let arr1[0] = 1;
let arr1[1] = 2;
let arr1[2] = 3;
//arr1 = [1, 2, 3];

/* 배열요소 수정 */
let arr1[0] = 'string';
//arr1 = ['string', 2, 3];
  • 배열요소의 자료형에는 제약이 없다.
let arr4 = [1, "String", function(){}, [1, 2, 3, 4], {obj1 : "key1", obj2 : "key2"}];
  • 배열의 갯수는 arr.length를 통해 알 수 있다.
let arr2 = ["a", "b", "c"];
arr2.length; // 값 : 3

 

배열의 반복문

1.  for 를 사용한  반복문

let alphabet = ["a", "b", "c"];

for (let i = 0; i < alphabet.length; i++) {
	console.log(alphabet[i]);
}
//a b c 출력 (한줄씩)

1.  for...of 를 사용한  반복문

let alphabet = ["a", "b", "c"];

for (let arr of alphabet) {
	console.log(arr);
}
//a b c 출력 (한줄씩)

 

배열 전체 순회하기

1.  forEach

주어진 함수를 배열 요소 각각에 대해 실행할 수 있음.

let arr =[ 1, 2, 3 ];
arr.forEach( function( value ) {
  console.log( value );   // 1 2 3
});

 

 

for..of를 사용하면 현재 요소의 인덱스는 얻을 수 없고 값만 얻을 수 있다.

문법이 간단하기 때문에 배열의 요소를 대상으로 반복 작업을 할 땐 for..of를 사용하는걸 연습하자!