javascript ... dot dot dot 점점점 문법

javascript ... dot dot dot 점점점 문법

 

let ar = ['hello', 'nello'];
console.log(ar);

그냥 배열을 출력 했을때는 우리가 예상한대로 나옵니다.

 

결과

[ 'hello', 'nello' ]

 

let ar = ['hello', 'nello'];
let ar2 = ['dello', 'bello']
console.log(...ar);
console.log([...ar, ...ar2]);

 

...ar을 출력 하면 []배열 안에 값이 있지 않고 []가 벗겨진채로 출력이 됩니다.

 

결과

hello nello

[ 'hello', 'nello', 'dello', 'bello' ]

 

[...ar, ...ar2].forEach(item => console.log(item));

 

결과

 

hello

nello

dello

bello

 

...ar 이런식으로 생긴 문법이 있는데 es6에서 나왔습니다. array안에 있는 것을 가지고 또 다른 array와 같이 합쳐서 쓰고 싶을때 사용하는 것입니다.

 

그냥 ar을 찍으면 []대괄호 안에 나오는데

...ar을 찍으면 그 안에 있는걸 풀어서 보여줍니다.

 

end.