[JavaScript] for vs. forEach vs. map

for()

초깃값부터 시작해서 증가 또는 감소하면서 조건에 부합하면 계속 순회한다.

const animals = ["lion", "tiger"];

for (let i=0; i<animals.length; i++) {
  console.log(animals[i]);
}

forEach()

배열의 각 요소에 대해 callback을 실행한다.

animals.forEach(animal => {
  console.log(animal);
});

map()

배열의 각 요소에 대해 callback을 실행하고 실행 결과를 모은 새 배열을 리턴한다.

arr = animals.map(animal => {
  console.log(animal);
});

console.log(arr);   // [undefined, undefined]

해당 코드는 별도의 return이 없기 때문에 순회했던 개수만큼 undefined 원소가 생긴다.

rr = animals.map(animal => {
  console.log(animal);
  return "mammal " + animal
});

console.log(rr);   // ["mammal lion", "mammal tiger"]

return이 포함되자 배열의 각 요소에 대해 callback이 실행되고 실행 결과를 모은 새 배열 리턴되었다.

 

 

참고 자료 : https://m.blog.naver.com/wideeyed/221877912230