[Javascript] 배열 내장 함수 정리(forEach, map)

 

forEach 구문

일반 for문 사용

const animals = ['호랑이', '사자', '사슴', '토끼', '거북이'];

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

 

forEach 사용

const animals = ['호랑이', '사자', '사슴', '토끼', '거북이'];

function print(animal) {
  console.log(animal);
}

animals.forEach(print);

 

forEach 및 익명 함수 사용

const animals = ['호랑이', '사자', '사슴', '토끼', '거북이'];

animals.forEach(function(animal) {
  console.log(animal);
});

 

forEach 및 화살표 함수 사용

const animals = ['호랑이', '사자', '사슴', '토끼', '거북이'];

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

 

 

결과는 모두 동일하다.

MAP

map은 배열의 내용을 전체적으로 바꿀 때 주로 사용한다.

 

아래는 map의 예제이다.

const array = [1, 2, 3, 4, 5, 6, 7, 8];

const square = n => n * n;
const squared = array.map(square);
console.log(squared);

화살표 함수를 사용하는 방법도 있다.

const array = [1, 2, 3, 4, 5, 6, 7, 8];

const squared = array.map(n => n * n);
console.log(squared);

결과는 동일하다.

참조 : https://learnjs.vlpt.us/basics/06-object.html