JavaScript destructuring

destructuring

1)배열의 값 또는 객체의 속성을 별개의 변수로 정의

1-1)객체의 디스트럭처링

var emp = {
	name: "Wanda",
	age: 24,
};

// 객체에서 변수 생성하기
var name = emp.name;
var age = emp.age;
// 위와 동일한 동작을 함
const {name, age} = emp;

// emp.name을 가져옴
// 변수명은 nm이고 기본값을 "Vision"으로 설정
const {name:nm = "Vision"} = emp;

1-2)배열의 디스트럭처링

const emp = ["Wanda", "Vision", "Tony"];

// emp1, emp2에 순서대로 emp배열의 값이 들어간다.
const [emp1, emp2] = emp;

// empArr에는 배열로 나머지 값이 들어간다.
const [emp1, ...empArr] = emp;

// 객체 디스트럭처링으로 편리하게 데이터 스왑
let hungry = "yes";
let full = "no"
[hungry, full] = [full, hungry];

참고) https://www.hanbit.co.kr/store/books/look.php?p_code=B7677466304

모던 자바스크립트 핵심 가이드