러닝 자바스크립트: ES6로 제대로 입문하는 모던 자바스크립트 웹 개발

220

러닝 자바스크립트

남겨 두겠습니다.

reduce

다음에

trim

을 호출한 이유를 먼저 생각해 보십시오.

reduce

의 잠재력을 잘 활용할 수 있게 되길 바랍니다.

reduce

는 배열 메서드 중에서 가장 범용

적이고 가장 강력한 메서드입니다.

8.6

삭제되거나 정의되지 않은 요소들

Array

메서드는 삭제되거나 정의되지 않은 요소들을 다룰 때 좀 당혹스럽게 동작하곤 합니다.

map

과

filter

,

reduce

는

삭제되거나 정의되지 않은 요소들에서 콜백 함수를 호출하지 않습니

다.

예를 들어

ES5

에서 배열을 초기화할 때 다음과 같은 방법을 시도해 보고 실망했던 독자도

있을 겁니다.

3

const

arr

=

Array

(

10

).

map

(

function

(

x

) {

return

5

});

arr

의 요소는 전부

undefined

입니다. 이와 비슷하게, 배열 중간의 요소를 삭제하고

map

을 호

출하면 배열 가운데 ‘구멍’이 생깁니다.

const

arr

= [

1

,

2

,

3

,

4

,

5

];

delete

arr

[

2

];

arr

.

map

(

x

=>

0

); // [

0

,

0

,

undefined

,

0

,

0

]

일반적으로 배열을 다룰 때는 모든 요소가 명시적으로 정의된 배열을 다루고, 의도적으로 배열

안에 빈 부분을 만든다 하더라도 배열에

delete

를 쓰지는 않을 테니 현실적으로는 이런 동작

이