[JAVASCRIPT] map으로 for문 대체하기

자바스크립트 ES6에서는 for 문 대신 map 메서드를 사용하여 배열을 처리할 수 있습니다. map 메서드는 배열의 모든 요소에 대해 주어진 함수를 호출하고, 그 결과를 새로운 배열로 반환합니다.

코드 예시 :

const array = [1, 2, 3, 4, 5];
const newArray = array.map(function(item) {
  return item * 2;
});
console.log(newArray);  // [2, 4, 6, 8, 10]

위의 코드에서는, map 메서드가 array의 각 요소에 대해 익명 함수를 호출하며, 이 함수는 각 요소를 2배로 만듭니다. 그 결과는 newArray에 저장되고, 이 배열은 원래 배열의 요소들이 2배가 된 새로운 배열입니다.

화살표 함수를 사용 예시 :

const array = [1, 2, 3, 4, 5];
const newArray = array.map(item => item * 2);
console.log(newArray);  // [2, 4, 6, 8, 10]

이렇게 map 메서드를 사용하면, for 문을 사용하는 것보다 코드가 더 간결해지고 읽기 쉬워집니다. 또한, map 메서드는 새로운 배열을 반환하기 때문에 원본 배열은 변경되지 않아 부작용(side effect)을 최소화할 수 있습니다.