개발모음집

js reduce 본문

client

js reduce

void 2020. 2. 4. 10:00

reduce : 줄이다.

javascript 에서 reduce() 는 배열을 순회하며 인덱스 데이터를 줄여가며 어떠한 기능을 수행 할 수 있는 함수

 

The array reduce() method in JavaScript is used to reduce the array to a single value and executes a provided function for each value of the array (from left-to-right) and the return value of the function is stored in an accumulator.

Syntax:

array.reduce( function(total, currentValue, currentIndex, arr), initialValue )

Parameter: This method accepts two parameters as mentioned above and described below:



  • function(total, currentValue, index, arr): It is the required parameter and used to run for each element of array. It contains four parameter which are listed below:
    • total: It is required parameter and used to specify the initialValue, or the previously returned value of the function.
    • currentValue: It is required parameter and used to specify the value of the current element.
    • currentIndex: It is optional parameter and used to specify the array index of the current element.
    • arr: It is optional parameter and used to specify the array object the current element belongs to.
  • initialValue: It is optional parameter and used to specify the value to be passed to the function as the initial value.

출처 : https://www.geeksforgeeks.org/javascript-array-reduce-method/

 


리듀서 함수는 네 개의 인자를 가집니다.

1. 누산기accumulator (acc)
2. 현재 값 (cur)
3. 현재 인덱스 (idx)
4. 원본 배열 (src)
리듀서 함수의 반환 값은 누산기에 할당되고, 누산기는 순회 중 유지되므로 결국 최종 결과는 하나의 값이 됩니다.

출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce

 

// 배열.reduce((누적값, 현재값, 인덱스, 요소) => { return 결과 }, 초기값);

result = oneTwoThree.reduce((acc, cur, i) => {
  console.log(acc, cur, i);
  return acc + cur;
}, 0);
// 0 1 0
// 1 2 1
// 3 3 2
result; // 6

 

출처 : https://www.zerocho.com/category/JavaScript/post/5acafb05f24445001b8d796d

'client' 카테고리의 다른 글

js call, apply, bind  (0) 2020.02.11
js 전개 연산자, ...  (0) 2020.02.05
apply eslint at window os  (0) 2020.02.03
cors 문제  (0) 2020.01.03
js에서 html tag에 class name 추가하는 방법  (0) 2019.12.27