-
Javascript ES6 Destructuring 디스트럭처링 (분해하기)Javascript (ES6) 2020. 7. 25. 00:30
//Destructuring let data = ['mac','apple','ms','samsung']; let [myCom, ,yourCom] = data; console.log(myCom, yourCom); //mac ms //Destructuring Object let obj = { name : 'Jacob', address : 'S.Korea', age : 32 }; let {name,age} = obj; console.log(name,age); //Jacob 32 let {name:myName, age:myAge} = obj; console.log(myName,myAge); //Jacob 32 //Destructuring JSON Parsing var news = [ { "title" : "SBS", "imgurl" : "www.naver.com", "newslist" : [ "A News.....", "B News....", "C News...." ] }, { "title" : "KBS", "imgurl" : "www.daum.com", "newslist" : [ "D News.....", "E News....", "F News...." ] } ]; let [,KBS] = news; console.log(KBS); //{title: "KBS", imgurl: "www.daum.com", newslist: Array(3)} let {title,imgurl} = KBS; console.log(title,imgurl); //KBS www.daum.com let [{title:titleSBS,imgurl:imgurlSBS},] = news; console.log(titleSBS,imgurlSBS); //SBS www.naver.com function getNewsList([ ,{newslist}]) { console.log(newslist); //["D News.....", "E News....", "F News...."] } getNewsList(news);
구조화된 배열 또는 객체를 파괴, 분해하여 개별적인 변수에 각각 할당해주는 편리한 기능
'Javascript (ES6)' 카테고리의 다른 글
Javascript ES6 Map,WeakMap key/value 구조 (0) 2020.07.30 Javascript ES6 Set,WeakSet 유니크한 배열 만들기 (0) 2020.07.29 Javascript ES6 From 메소드 (배열로 만들어주기) (0) 2020.07.25 Javascript ES6 Array spread operator 배열 펼치기 (0) 2020.07.25 Javascript ES6 For in과 For of (반복문) (0) 2020.07.25