[JavaScript] map() VS filter() VS reduce() 차이

✅ map(callback)

배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다.

const array1 = [1, 4, 9, 6];

const map1 = array1.map(x => x*2);

console.log(map1); // Array [2, 8, 18, 12]

✅ filter(callback)

주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환한다.

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];

const result = words.filter(word => word.lenght > 6);

console.log(result); // Array ['exuberant', 'destruction', 'present']

✅ reduce(callback)

배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환한다.

const array1 = [1, 2, 3, 4];

const initialValue = 0;
const sumWithInintial = array1.reduce(
  (previousValue, currentValue) => previousValue + currentValue,
  initialValue
);

console.log(sumWithInintial); // 10