자바스크립트 JS - 구조분해 할당
7738 단어 JavaScriptJavaScript
구조분해 할당
const example = { a: 123, b: { c: 135, d: 146 } }
const a = example.a;
const d = example.b.d;
구조분해 할당
=> const { a, b: { d } } = example;
console.log(a); //123
console.log(d); //146
객체는 key가 똑같아야 함
배열 구조분해 할당
arr = [1,2,3,4,5]
const x = arr[0];
const y = arr[1];
const z = arr[4];
구조분해 할당
=> const [x,y,,,z] = arr; //3,4번째는 변수대입 x
배열은 자리가 똑같아야 함
this 구조분해 할당 x
var candyMachine = {
status: {
name: 'node',
count: 5,
},
getCandy: function () {
this.status.count--;
return this.status.count;
},
};
var getCandy = candyMachine.getCandy;
var count = candyMachine.status.count;
var getCandy와 var count에 주목
candyMachine부터 시작해서 속성을 찾아 들어가야 함
var candyMachine = {
status: {
name: 'node',
count: 5,
},
getCandy() {
this.status.count--;
return this.status.count;
},
};
const { getCandy, status: { count } } = candyMachine;
- const { 변수 } = 객체; 로 객체 안의 속성을 변수명으로 사용 가능
(단, getCandy()를 실행했을 때 결과가 candyMachine.getCandy()와는 달라지므로 주의 - const처럼 속성 안의 변수명으로 사용 가능
Author And Source
이 문제에 관하여(자바스크립트 JS - 구조분해 할당), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@hwjeong95/자바스크립트-JS-구조분해-할당저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)