본문 바로가기
JavsScript

Destructuring assignment 구조 분해 할당 구문

by applejune 2022. 2. 24.

Destructuring assignment(파괴하다, 배치를 ) 구조 분해 할당 구문
;배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식

let [x,y] =[1,2];
console.log (x);
console.log(y);

*******************


let users =['mike','tom','jane'];
let [user1, user2, user3] =users;

console.log(user2);  // 'tom' 출력


저 배열 구문을 풀어 쓰면 이 내용과 같다. 
let user1=users[0];
let user2=users[1];
let user3=users[2];

ex)
let str ="tom-mike-jane";
let [user1,user2,user3] = str.split('-');

console.log(user1); //'tom'


let [a,b,c] =[1,2];  //c는 undefined 가 나오기에 미리 기본 값을 책정한다.그래야 미연에 에러를 방지할 수 있다. 

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

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


객체 구조 분해 

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

console.log(name);  //'Mike'

저 배열 구문을 풀어 쓰면 이 내용과 같다. 
let name =user.name;
let age=user.age;

'JavsScript' 카테고리의 다른 글

전개구문 Spread syntax : 배열  (0) 2022.02.24
나머지 매개변수 Rest Parameter  (0) 2022.02.24
배열 합치기 reduce  (0) 2022.02.20
배열 재정렬 sort와  (0) 2022.02.20
배열메소드-join,split,isArray  (0) 2022.02.20