구조분해할당

지환·2024년 6월 11일
0

자바스크립트

목록 보기
18/30

출처 | https://heycoding.tistory.com/4

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


let users = ['Mike','Tom','Jane'];
let [user1,user2,user3] = users;
// let user1 = users[0];
// let user2 = users[1];
// let user3 = users[2];  같은 의미이다.

let str = "Mike-Tom-Jane";
let [user1,user2,user3] = str.split('-');
console.log(user1+user2+user3); //MikeTomJane
let [a,b,c] = [1,2];

// c는 undefined로 들어감

배열 구조 분해

  • 공백과 쉼표를 사용하여 필요하지 않은 값들은 무시한다.
let [user1,user2] = ['Mike','Tom','Jane','Tony']
console.log(user1); // 'Mike'
console.log(user2); // 'Tony'


// 배열 구조 분해: 바꿔치기
[a, b] = [b, a];

객체 구조분해

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

같은 의미는?
  
let name = user.name;
let age = user.age; 같은 의미이다.


// user 객체에 gender가 없으면 male이 기본적으로 할당
let {name, age, gender = 'male'} = user;

let user = { name: "Mike", age: 30, gender: 'female' };
let {name, age, gender = 'male'} = user;
// user에 gender가 있다면 그 값이 사용
// 객체로부터 받은 값이 undefined일 때만 기본 값 사용
console.log(gender); // 'male'
profile
아는만큼보인다.

0개의 댓글