본문 바로가기

Front End

[JavaScript] forEach, map, reduce

반응형

forEach

주어진 함수를 배열 요소 각각에 대해 실행

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

 

Array.prototype.forEach(callback[, thisArg])
- callback: function (currentValue[, index[, originalArray]])
  - currentValue: 현재값
  - index: 현재 인덱스
  - originalArray: 원본 배열
- thisArg: this에 할당할 대상. 생략시 global객체

 

map

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

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map

 

Array.prototype.map(callback[, thisArg])
- callback: function (currentValue[, index[, originalArray]])
  - currentValue: 현재값
  - index: 현재 인덱스
  - originalArray: 원본 배열
- thisArg: this에 할당할 대상. 생략시 global객체

 

 

reduce

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

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce 

 

Array.prototype.reduce(callback[, initialValue])
- initialValue: 초기값. 생략시 첫번째 인자가 자동 지정되며,  
  이 경우 currentValue는 두번째 인자부터 배정된다.
- callback: function (accumulator, currentValue[, currentIndex[, originalArray]])
  - accumulator: 누적된 계산값
  - currentValue: 현재값
  - currentIndex: 현재 인덱스
  - originalArray: 원본 배열

 

✔️reduce를 이용한 array to string

 

반응형

'Front End' 카테고리의 다른 글

[JavaScript] enhanced object  (0) 2019.10.27
[JavaScript] template tag function  (0) 2019.10.21
Template literal  (0) 2019.10.19
[JavaScript] Block Scope  (0) 2019.10.12
[JavaScript] this  (0) 2019.10.12