[Intermediate] 데이터 - 전개 연산자

OROSY·2021년 3월 30일
0

JavaScript

목록 보기
35/53
post-thumbnail

1. 데이터

1) 전개 연산자(Spread)

...를 사용하여 배열 데이터를 쉼표로 구분된 각각의 아이템으로 전개하여 출력
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'}

2) 나머지 매개 변수(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'}
profile
Life is a matter of a direction not a speed.

0개의 댓글