Javascript의 forEach, map, filter 함수

forEach()

배열의 원소를 하나씩 꺼내, 반복하여 작업을 할때 사용한다.

const numbers = [1, 2, 3, 4, 5];

numbers.forEach((number) => {
  // 각 원소를 하나씩 꺼내어 console.log로 출력한다.
  console.log(number);
});

1
2
3
4
5

 

map()

배열의 각 원소 값을 변경하여 새로운 배열을 생성할 때 사용한다.

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

// 각 원소를 제곱한 새로운 배열을 반환한다.
const newNumbers = numbers.map((number) => number * number);
console.log(newNumbers);

[1, 4, 9, 16, 25, 36, 49, 64, 81, 100]

 

filter()

특정 조건을 만족하는 원소의 값만 따로 모아 배열을 생성한다.

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

// 짝수만 필터링하여 새로운 배열을 생성한다.
const evenNumbers = numbers.filter((number) => number % 2 === 0);
console.log(evenNumbers);

[2, 4, 6, 8, 10]