JS

비구조화 할당

히새 2023. 8. 3. 10:46

객체, 배열안의 값을 추출해서 변수, 상수에 바로 선언하는 문법

 

객체를 설정하고 그 객체 안에 key 값을 변수 혹은 상수에 선언해야하는 상황이라면?

const object = { a : 1, b : 2 };

const a = object.a;
const b = object.b;

console.log(a);
console.log(b);

객체 안의 key, value 값이 많아질수록 불편해진다.

 

const object = { a : 1, b : 2 };

const { a, b } = object;

이렇게 비구조화 할당을 통해 객체 안에 있는 값을 쉽게 함수변수 안에 설정할 수 있다.

 

const array = [1,2];
const [one, two] = array;

console.log(one);		// 1
console.log(two);		// 2

배열에도 사용 가능하다.

'JS' 카테고리의 다른 글

비동기 프로그래밍 Ajax  (1) 2023.10.24
함수  (0) 2023.07.26
모듈 프로그래밍  (0) 2023.07.20
데이터타입 Data Type  (0) 2023.07.08
변수 Variable 와 상수 constant  (0) 2023.07.08