객체와 배열 구조분해할당(destructuring)
본문 바로가기

Frontend/모던자바스크립트

객체와 배열 구조분해할당(destructuring)

구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여

그 값을 개별 변수에 담을 수 있게 하는 자바스크립트 표현식이다.

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

 

구조 분해 할당 - JavaScript | MDN

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

developer.mozilla.org

 

객체의 구조분해할당 예시

var obj = {p:42, q:true}
var {p, q} = obj
console.log(p) //42
console.log(q) //true

 

배열의 구조분해할당 예시

const str = '1 + 2 = 3'
const [cal, result] = str.split(' = ')//['1 + 2','3']
console.log(cal)//'1 + 2'
console.log(result)//'3'

 

반응형