📖 [JavaScript] 전개 구문

📌 전개 구문(Spread syntax): 배열

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

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

console.log(result); //[1,2,3,4,5,6]

중간에 쓰는 것도 가능!

📌 전개 구문(Spread syntax): 복제

let user = {name:"Mike", age:30}
let user2 = {...user};

user2.name = "Tom"

console.log(user.name); //"Mike"
console.log(user2.name); //"Tom"
//별개의 user2로 복제된 것

🔗 코드 예시

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

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

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

console.log(arr1);

✔️ 2. user에 info를 넣고, fe를 skill로 만들어서 넣음

let user = {name:"Mike"}
let info = {age:30};
let fe = ["js", "react"];
let lang = ["kr", "eng"];

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

console.log(user);