[Level up] 데이터(6) - 전개 연산자

01.전개 연산자(Spread)

• 배열의 item들을 쉼표로 구분하여 각각의 데이터들로 전개하는 것 (기호: ...)

const fruits = ['Apple', 'Banana', 'Cherry']
console.log(fruits) // ['Apple', 'Banana', 'Cherry']
console.log(...fruits) // Apple, Banana, Cherry

function toObject(a, b, c) {
  return {
    a: a,
    b: b,
    c: c
  }
}
console.log(toObject(...fruits)) // { a: 'Apple', b: 'Banana', c: 'Cherry' }

02.나머지 매개 변수(Rest parameter)

• 매개 변수에 전개 연산자를 사용하여 나머지의 모든 인수들을 배열 형태로 받아내는 역할

const fruits = ['Apple', 'Banana', 'Cherry', 'Orange']

function toObject(a, b, ...c) { // 매개 변수에서도 전개 연산자 사용 가능
  return {
    a: a, // a, (속성의 이름과 데이터의 이름이 같으면 축약 가능)
    b: b, // b,
    c: c // c
  }
}
// const toObject = (a, b, ...c) => ({ a, b, c })
// 화살표 함수로 바꾸면 위처럼 축약형으로 표현 가능
console.log(toObject(...fruits))
// 값: { a: 'Apple', b: 'Banana', c: 0: 'Cherry', c: 1: 'Orange' }