🔎 Destructuring assignment

구조 분해 할당 구문은 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식

🔗 배열 구조 분해 예시 코드

let users = ["Mike", "Tom", "Jane"];

let [user1, user2, user3] = users;
>//let user1 = users[0] 이런 식으로 쭉 각각 할당되는 것! 
  
let str = "Mike-Tom-Jane"
let [user1, user2, user3] = str.split('-');
여기서 나온 결과를 각각 user1,2,3에 넣어주는 것

📌 배열 구조 분해: 기본값

let [a,b,c] = [1,2]; //이때 c 값은 undefined
let [a=3. b=4, c=5] = [1,2]; 
//각 변수에 미리 기본값을 세팅함, 이때는 기본값이 c값이 됨. 

📌 배열 구조 분해: 일부 반환값 무시

let [user1,	,user2] = ['Mike', 'Tom', 'Jane', 'Tony'];
user1에는 Mike, Tom은 빈 곳에 할당되며, 반환값이 무시됨.

📌 배열 구조 분해: 바꿔치기

let a=1;
let b=2;
[a,b]=[b,a];

🔗 객체 구조 분해 예시 코드

let user={name:"Mike", age:30};
let {name, age}=user;
let name = user.name;
let age = user.age;
//순서를 신경쓰지 않아도 됩니다! age, name으로 바꿔도 됨~

📌 객체 구조 분해: 새로운 변수 이름으로 할당

let user={name:"Mike", age:30};
let {name: nickName, age: userAge} = user;

📌 객체 구조 분해: 기본값

let user={name:"Mike", age:30};
let {name, age, gender} = user; //이때 gender는 undefined
let {name, age, gender = 'male'} =user; //gender가 없으면 male로 나타남