Study/JavaScript
07. 전개 연산자
김만재
2022. 3. 24. 19:53
// 전개 연산자(Spread)
const fruits = ['Apple', 'Banana', 'Cherry']
console.log(fruits)
//expected output: ["Apple", "Banana", "Cherry"]
console.log(...fruits)
// 전개 연산자. 문자 데이터로 출력됨.
// e.o: Apple Banana Cherry
// console.log('Apple', 'Banana', 'Cherry')와 같은 결과
// toObject = 객체 데이터로 변화시킴.
function toObject(a, b, c) {
return {
a: a,
b: b,
c: c
}
}
console.log(toObject(...fruits))
// e.o: {a: "Apple", b: "Banana", c: "Cherry"}
// console.log(toObject(fruits[0], fruits[1], fruits[2]))와 같은 결과
const fruits = ['Apple', 'Banana', 'Cherry', 'Orange']
console.log(fruits)
console.log(...fruits)
// ...c = 나머지 매개변수(rest parameter)
function toObject(a, b, ...c) {
return {
// 속성의 이름과 변수의 이름이 같으면 아래와 같이 축약형으로 적을 수 있음.
a,
b,
c
}
}
console.log(toObject(...fruits))
// expected output: {a: "Apple", b: "Banana", c: Array(2)}
const fruits = ['Apple', 'Banana', 'Cherry', 'Orange']
console.log(fruits)
console.log(...fruits)
// 화살표 함수로 변경
function toObject(a, b, ...c) => ({ a, b, c })
console.log(toObject(...fruits))
// expected output: {a: "Apple", b: "Banana", c: Array(2)}