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)}