JavaScript 자료구조 - Array(배열) (2/2)

배열 순회하기

• forEach()
• for in
• for of
• map

forEach()

• 배열 요소를 반복하며 특정 작업을 수행할 수 있으며, Array 타입에서만 사용가능한 메서드입니다.
• forEach() 의 인자로 callback 함수를 등록할 수 있습니다.
• callback 함수 내에서는 index 와 배열 요소값에 접근할 수 있습니다.

const array = [1, 2, 3, 4, 5];
array.forEach((item, index) => console.log(`${item}...${index}`));

for in

• 객체에 사용할 수 있으며, 객체의 key와 value 값을 추출해내는데 사용합니다.
• 객체의 key 갯수만큼 반복합니다.

const array = [1, 2, 3, 4, 5];
for (let key in array) {
  console.log(`${array[key]}...${key}`);
}

for of

• ES6 에 추가된, 컬렉션 전용 반복구문 입니다.
• for of 를 사용하려면 컬렉션 객체가 [Symbol.iterator] 속성을 가지고 있어야만 합니다.

const array = [1, 2, 3, 4, 5];
for (let item of array) {
  console.log(`${item}`);
}

map

• 리스트의 요소를 순회하며 현재 index의 요소의 데이터를 가공하여 새로운 리스트로 반환합니다.

const array = [1, 2, 3];
const newArray = array.map(item => item + 1);   // [2, 3, 4]