구조분해할당

2023. 5. 24. 15:39JS

반응형
배열의 구조분해할당
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