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 |