JS | 자바스크립트 구조분해할당 Destructing Assignment

구조분해할당이란?

배열이나 객체의 속성을 해체하여 그 값을 개별 번수에 담을 수 있게 하는 표현식

배열구조분해

let [x, y] = [1, 2];

  console.log(x); //1
  console.log(y); //2

let users = ['Mike', 'Tom', 'James'];
  let [user1, user2, user3] = users;

  // let user1 = users[0]; 과 같은 의미이다. 


  console.log(user1); //Mike

배열구조분해: 기본값 설정

//배열 구조 분해 : 기본값 설정
  let [a, b, c] = [1, 2];

  //c는 undefined

  //default setting
  let [a = 3, b = 4, c = 5] = [1, 2];

  console.log(a); //1
  console.log(b); //2
  console.log(c); //5

객체구조분해

	let user = {
	    name: 'Mike',
	    age: 30
	  };

  let {name, age} = user;
  // let name = user.name; let age = user.age;

  console.log(name); // mike
  console.log(age); //30

객체구조분해: 기본값 설정

//객체 구조 분해 : 기본값

  let user = {
    name: "mike",
    age: 30
  };
  let {
    name,
    age,
    gender
  } = user;
  //gender is undefined

  let {
    name,
    age,
    gender = 'male'
  } = user; //기본값 설정