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

221

8

장

배열과 배열 처리

8.7

문자열 병합

배열의 문자열 요소들을 몇몇 구분자로 합치려 할 때가 많습니다.

Array

.

prototype

.

join

은

매개변수로 구분자 하나를 받고 요소들을 하나로 합친 문자열을 반환합니다. 이 매개변수가

생략됐을 때의 기본값은 쉼표이며, 문자열 요소를 합칠 때 정의되지 않은 요소, 삭제된 요소,

null

,

undefined

는 모두 빈 문자열로 취급합니다.

const

arr

= [

1

,

null

, "

hello

", "

world

",

true

,

undefined

];

delete

arr

[

3

];

arr

.

join

(); // "

1

,,

hello

,,

true

,"

arr

.

join

(''); // "

1hellotrue

"

arr

.

join

(' - - '); // "

1

-- --

hello

-- --

true

--"

문자열 병합과

Array

.

prototype

.

join

을 함께 쓰면

HTML

<

ul

>

리스트 같은 것도 만들 수 있

습니다. 이때 빈 배열에 사용하면 빈

<

li

>

요소 하나만 나올 겁니다.

const

attributes

= ["

Nimble

", "

Perceptive

", "

Generous

"];

const

html

= '<

ul

><

li

> ' +

attributes

.

join

('</

li

><

li

> ') + '</

li

> </

ul

> ';

//

html

: "< ...