<aside> 🍦 자주 사용하는 자바스크립트 배열의 함수형 메소드를 정리합니다. 바로가기는 아래의 목차 클릭!

</aside>

forEach

find

map

sort

filter

reduce

reduceRight

forEach()

• 배열의 요소를 차례대로 순회하는 함수형 메소드
• forEach(callback, index, original array)

const array = [1, 2, 3, 4, 5]

array.forEach(el => console.log(el)) // -> 1, 2, 3, 4, 5

map()

• 배열의 요소를 차례대로 순회하여 원본 배열과 동일한 길이의 배열로 리턴
• map(callback, index, original array)

const array = [1, 2, 3, 4, 5]

array.map(el => el * 2) // -> [2, 4, 6, 8, 10]

filter()

• 배열의 요소를 차례대로 순회하여 조건에 맞는 요소를 배열로 리턴
• filter(callback, index, original array)

const array = [1, 2, 3, 4, 5]

array.filter(el => {if (el % 2 === 1) return el}) // -> [1, 3, 5]

reduce()

• 배열의 요소를 차례대로 순회하여 누적값과 초기값을 이용하여 하나의 새로운 값으로 리턴해주는 효자 메소드
• 메소드의 두 번째 인자로 누적값의 기본값을 정할 수 있다.