avaScriptES6值得掌握的五大功能（4）JavaScript解構(gòu)

在Arrow Functions旁邊，這是我每天使用最多的ES6功能。ES6 Destructuring不是一個新功能，而是一種新的賦值語法，它允許您快速從對象屬性和數(shù)組中解壓縮值并將它們分配給單個變量。

成都創(chuàng)新互聯(lián)公司于2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元麻城做網(wǎng)站,已為上家服務(wù),為麻城各地企業(yè)和個人服務(wù),聯(lián)系電話:028-86922220

var profile = {name: 'George' , age:39, hobby: 'Tennis' }

var {name, hobby} = profile // destructure profile object

console.log(name) // "George"

console.log(hobby) // "Tennis"

這里我用解構(gòu)快速提取 name 和 hobby 該屬性 profile 的對象。

使用別名，您可以使用不同的變量名稱與相應(yīng)的對象屬性相比，您從以下位置提取值：

var profile = {name: 'George' , age:39, hobby: 'Tennis' }

var {name:n, hobby:h} = profile // destructure profile object

console.log(n) // "George"

console.log(h) // "Tennis"

嵌套對象解構(gòu)

解構(gòu)也適用于嵌套對象，我總是使用它來快速解決來自復(fù)雜JSON請求的值：

五

var jsondata = {

title: 'Top 5 JavaScript ES6 Features' ,

Details: {

date: {

created: '2017/09/19' ,

modified: '2017/09/20' ,

},

Category: 'JavaScript' ,

},

url: '/top-5-es6-features/' 

};

var {title, Details: {date: {created, modified}}} = jsondata

console.log(title) // 'Top 5 JavaScript ES6 Features'

console.log(created) // '2017/09/19'

console.log(modified) // '2017/09/20'

網(wǎng)站題目：avaScriptES6值得掌握的五大功能（4）JavaScript解構(gòu)
網(wǎng)站地址：http://bm7419.com/article26/gighjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、做網(wǎng)站、靜態(tài)網(wǎng)站、網(wǎng)站排名、外貿(mào)建站、面包屑導(dǎo)航

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容