map, reduce

* 영어표기가 디폴트, 이하 한글표기

* Angular 기준

---

1. map

- 반환 값을 배열로 가진다.

- 참고: 배열, 객체, 유사 배열 객체, Array.from, map (https://seo-developer.tistory.com/59)

 

 

0). 문법

let testArr = ["Mon", 1, "Tue", 2, "Wed", 3];

testArr.map((element: string | number, index?: number, array?: any[]) => {

...

  - element: 인자

  - index: 인자의 [index] 번째

  - array: 원본 배열

 

 

---

 

2. reduce

- 배열을 활용하여 누적 합을 만들 수 있다.

 

 

0). 문법

testArr.reduce((acc: string | number, curr?: string | number, index?: number, element?: any) => {

...

  - acc: 누적 합

  - index: 현재 값

  - index: 인자의 [index] 번째

  - array: 원본 배열

 

 

1). 활용

      testArr.reduce((acc: string | number, curr?: string | number, index?: number, element?: any) => {

            console.log(acc);

            return `${acc} 5`;      //Mon  ...          

                                            //acc 는 누적값이며 초기값은 testArr[0].

                                            //return 시, 백틱을 활용하여 (testArr[0] + '5') 하였기 때문에 최종 출력값은 Mon 5 5 5 5

                                            //백틱 참고 (https://seo-developer.tistory.com/61)

      });

 

 

 

3. 차이점 정리

	map	reduce
반환값	array	string | number

- 적합한 곳에 적절히 사용하자. 둘 다 좋은 함수