반응형
배열의 구조분해할당
const arr = [1, 2, 3, 4, 5];
let [one, two] = arr;
console.log(one); // 1
console.log(two); //2
let 키워드를 통해 각각의 변수에 할당되고, 순서에 의해서 할당된다.
객체의 구조분해할당
const obj = {name: "otter", gender: "male"};
let {name, gender} = obj;
console.log(name); // otter
console.log(gender); // male
let {name: newName, gender: newGender} = obj; // newName, newGender라는 새로운 변수로 할당
console.log(newName, newGender) // otter male
객체의 구조분해할당은 실제 객체의 키가 변수로서 동작하고 생성된다. 또한, 키가 아닌 새로운 변수로 할당해 줄 수도 있다.
반응형
'JS' 카테고리의 다른 글
얕은 복사(Spread 연산자), 깊은 복사(JSON.parse()), Rest Parameter (0) | 2023.05.24 |
---|---|
createElement, appendChild (0) | 2023.05.22 |
<ul>, <ol>, <li> (0) | 2023.05.21 |
브라우저의 web storage (0) | 2023.05.21 |
JS코드에서 지정한 innerHTML (0) | 2023.04.27 |