구조 분해 할당 & 전개 연산자

김형진·2024년 8월 12일
post-thumbnail

구조 분해 할당

배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식

let arr = [1, 2, 3, 4, 5];
let [num1, num2, num3, num4, num5] = arr;

console.log(num1, num2, num3, num4, num5);
//1 2 3 4 5
let obj = {
  name: "kim",
  age: 25,
};

let { name, age } = obj;

console.log(name, age);
//kim 25

전개 연산자

특정 객체 또는 배열을 다른 객체, 배열로 복제하거나 옮길 때 사용: 모양(…)

const arr = [1, 2, 3, 4, 5];
const arr1 = [...arr];
console.log("arr1", arr1);
//arr1 [ 1, 2, 3, 4, 5 ]
const obj = {
  name: "kim",
  age: 25,
};

const obj1 = { ...obj };

console.log("obj1", obj1);
//obj1 { name: 'kim', age: 25 }

0개의 댓글