문법 정리 : filter, forEach, reduce, map

😼 배열을 처리하고 조작하는 데 사용되는 배열 메서드 정리

 

filter

주어진 조건을 만족하는 요소를 필터링

const numbers = [1, 2, 3, 4, 5]
const evenNumbers = numbers.filter(number => number % 2 === 0)
// evenNumbers는 [2, 4]

 

const 조건을_만족하는_새로운_배열 = 배열.filter(요소 => 조건);

---

forEach

배열의 각 요소에 함수를 적용하며 반환 값을 무시

const fruits = ["apple", "banana", "cherry"]
fruits.forEach(fruit => console.log(fruit))
// 각 과일 이름을 출력

---

reduce

배열의 요소를 누적하여 하나의 값을 생성

const numbers = [1, 2, 3, 4, 5]
const sum = numbers.reduce(초기값, 누적값) => 초기값 + 누적값, 0(초기값 설정))
// sum은 15

초기값: 0, 누적값: 1
초기값: 1, 누적값: 2
초기값: 3, 누적값: 3
초기값: 6, 누적값: 4
초기값: 10, 누적값: 5
결과 : 15

---

map

각 배열 요소를 변환하여 새로운 배열을 생성

const numbers = [1, 2, 3, 4, 5]
const squaredNumbers = numbers.map(number => number * number)
// squaredNumbers는 [1, 4, 9, 16, 25]