Notice
Recent Posts
Recent Comments
Link
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Archives
Today
Total
관리 메뉴

JS Dev Blog

고차함수 filter, map, reduce 본문

Development/javascript

고차함수 filter, map, reduce

chacot 2022. 3. 28. 10:39

배열 내장 고차함수중 대표적으로 filter, map, reduce가 있다. 배열 내장함수를 사용하면 for문이 가진 순회를 별다른 코드를 작성하지 않고도 사용할 수 있기 때문에 매우 유용하디.

 

filter

모든 배열의 요소 중에서 특정 조건을 만족하는 요소를 걸러내는 메소드.

const numbers = [1, 2, 3, 4, 5];
const result = numbers.filter((number) => number < 3);

console.log(numbers);
// [1, 2, 3, 4, 5];

console.log(result);
// [1, 2]

map

주어진 배열의 값들을 callback function을 통해 새로운 값으로 정의하고 신규 배열을 만들어 반환함

const numbers = [1, 2, 3, 4, 5];
const result = numbers.map(number => number + number);

console.log(numbers);
// [1, 2, 3, 4, 5];

console.log(result);
// [2, 4, 6, 8, 10]

reduce
배열의 요소를 순차적으로 순회하면서 reduce함수를 실행하고 하나의 결과값을 반환함. 

const numbers = [1, 2, 3, 4];
const result = numbers.reduce((sum, num) => sum + num);

console.log(result);
// 10;

 

'Development > javascript' 카테고리의 다른 글

클로저(Closure)  (0) 2022.04.03
일급 객체(First Class Object)  (0) 2022.03.28
호이스팅(Hoisting)  (0) 2022.03.28