// 전개 연산자(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)}
'Study > JavaScript' 카테고리의 다른 글
[모던 자바스크립트] 03-2 조건문 (0) | 2023.01.13 |
---|---|
[모던 자바스크립트] 03-1 연산자 (0) | 2023.01.10 |
[모던 자바스크립트] 02 프로그래밍의 기본, 변수와 자료형 살펴보기 (0) | 2023.01.09 |
[모던 자바스크립트] 01 자바스크립트 시작하기 (0) | 2023.01.09 |
08. 불변성 (0) | 2022.03.24 |