전개구

 

전개 구문을 사용하면 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장시킬 수 있습니다.

 

function add(...numbers){
	let result = 0;
        numbers.forEach((num) => (result +=num));
	console.log(result);
};


function add(...numbers){
	let result = numbers.reduce((prev, cur) =>  prev += cur)
	console.log(result);
};



add(1,2,3);
add(1,2,3,4,5,6,7,8,9);

 

function User(name, age, ...skills){
	this.name = name;
    this.age = age;
    this.skills = skills
}

const user1 = new User("Kim",30,"Html","css");
const user2 = new User("Lee",12,"Html","java");
const user3 = new User("Son",25,"Html","kotlin");

// 뒤에 ...skills만 배열로 묶여져서 나옴

 

let arr = [1,2,3];
let arr2 = [...arr];

let user = {name: 'Kim', age: 30};
let user2 = {...user};


user2.name = 'Lee';

console.log(user.name);	// 'Kim'
console.log(user2.name);// 'lee'

 

전개구문 사용해서 arr1, arr2 합치기

arr1을 [4,5,6,1,2,3]으로 

let arr1 = [1,2,3];
let arr2 = [4,5,6];


arr2.reverse().forEach((num) => {
	arr1.unshift(num);
});



arr1 = [...arr2, ...arr1];

위 아래가 같은값.

let user = {name: 'Kim'};
let info = {age: 30};
let fe = ["js","css"];
let lang = ["Korean","English"];


user = {
	...user,
    	...info,
        skills: [
            ...fe,
            ...lang
        ]
}


합쳐짐