[JavaScript] 구조 분해 할당(비구조화)

💫 구조 분해 할당 (비구조화)

배열이나 객체에 저장된 여러 개의 값들을 분해해서 각각 다른 변수에 할당하는 문법

기본 문법으로 배열의 요소에 변수를 할당할 때

let arr = [1,2,3];

let one = arr[0];
let two = arr[1];
let three = arr[2];
    

배열 구조 분해 할당을 사용한다면?

let [one, two, three =4] = arr;

=4 는 default값

객체 구조 분해 할당은

let person = {
    name : "김아무개",
    age : 21,
    hobby : "테니스",
}

let {name, age, hobby, extra="hello"} = person;

객체는 {} 배열은 []

객체 구조 분해 할당을 이용해서 함수의 매개변수를 받는 방법

const func = ({name, age, hobby, extra}) => {
    console.log(name, age, hobby, extra);
}

func(person)