1.spread operator (펼치기,전개 연산자)

1.1 iterable한 모든 데이터를 펼칠수 있다.

const a = [1,2,3]
const b = [4,5,6]
const c = [...a,...b,7,8,9]
const d = 'hello'
console.log(...a) //1,2,3 
console.log(c) // [1,2,3,4,5,6,7,8,9]
console.log(d)// 'h','l','l','o'

1.2 unshift,push 대체할수 있다.

const a = [1,2,3]
const b = [6,7,8]
console.log([...a,4,5,6,...b]) // [1,2,3,4,5,6,7,8]

1.3 반환값의 참조는 immutable 하다.

const a = [1,2,3]
const b = [...a]
b.push(4) 
console.log(a,b) // [1,2,3]  [1,2,3,4]

1.4 얕은복사만 immutable 하다.

const a =[[1,2],[3,4]]
const b = [...a]
b[0].push(3)
console.log(a) // [[1,2,3],[3,4]]
console.log(b) // [[1,2,3],[3,4]]