[JavaScript] 전개 연산자 (…)

const a = [1,2,3] 일때,

console.log(a) // [1,2,3]

console.log(…a) // 1,2,3

-> 괄호와 함께 ...이 사라진다고 생각! 요소만 남김.

• 전개연산자 활용
  

    const a = [1, 2, 3]
    
    const b = [4, 5, 6]
    
    const c = a.concat(b)
    
    console.log(c) // [1, 2, 3, 4, 5, 6]
    
    const d = [a, b]
    
    console.log(d) // [[1, 2, 3],[4, 5, 6]]
    
    const e = […a, …b]
    
    console.log(e) // [1, 2, 3, 4, 5, 6]

• 배열에서 구조분해할당 전개 연산자 활용
  

    const arr = [1, 2, 3]
    
    const [a, rest] = arr
    
    console.log(a, rest) // 1, 2

여기서 rest에 첫번째 요소를 제외한 나머지를 모두 넣고 싶다면

const [a, …rest] = arr

console.log(a, rest) // 1, [ 2, 3 ]

• 객체에서 구조분해할당 전개 연산자 활용
  

    const obj = {
    
    	a:1,
    
    	b:2,
    
    	c:3
    
    }
    
    console.log(c) // Not founed…
    
    const {c} = obj
    
    console.log(c) // 3
    
    const { x = 4 } = obj ← 만약 obj 안에서 이미 x의 값이 지정되있을 경우, 
    해당 값이 반환된다. 여기서 준 4라는 값은 없을 경우의 기본값.
    
    console.log(x) // 4