본문 바로가기
JavaScript

JavaScript - 객체구조활당

by SyuMay 2022. 9. 20.
728x90

객체 구조화 활당

구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다.

예시

const obj = {
a: 100,
b: 200,
c: "javascript",
};
const { a, b, c } = obj;

객체 구조화 활당

let result = document.querySelector(".sample22_result");
const obj = {
    a: 100,
    b: 200,
    c: "javascript",
};
const { a, b, c} = obj;
document.write(a);
document.write(b);
document.write(c);
결과 확인하기

객체 구조 분해 할당

let result = document.querySelector(".sample23_result");
const obj = {
    a: 100,
    b: 200,
    c: "javascript",
};
const { a: name1, b: name2, c: name3 } = obj;
document.write(name1);
document.write(name2);
document.write(name3);
결과 확인하기
728x90
반응형

'JavaScript' 카테고리의 다른 글

Array.from()  (2) 2022.09.27
JavaScript - 클래스 함수  (3) 2022.09.20
JavaScript - 내부 함수  (3) 2022.09.20
JavaScript - 콜백 함수 & 재귀함수  (2) 2022.09.20
JavaScript - 펼침연산자  (5) 2022.09.20

댓글


자바스크립트 사진

JavaScript

자세히보기