전개 구문을 사용하면 배열이나 문자열과 같이 반복 가능한 문자를 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
]
}
합쳐짐
'Javascript' 카테고리의 다른 글
Promise, async / await (0) | 2023.08.01 |
---|---|
call , apply, bind (0) | 2023.08.01 |
array methods (2) (0) | 2023.07.31 |
Array Methods (0) | 2023.07.31 |
toFixed(), isNaN(), parseInt() (0) | 2023.07.31 |