解構(gòu)表達(dá)式

什么是解構(gòu)？ -- ES6中允許按照一定模式從數(shù)組和對(duì)象中提取值，然后對(duì)變量進(jìn)行賦值，這被稱為解構(gòu) (Destructuring)。

數(shù)組解構(gòu)

比如有一個(gè)數(shù)組：

let arr = [1,2,3]

之前，我想獲取其中的值，只能通過角標(biāo)。ES6可以這樣：

let arr = [1,2,3] const [x,y,z] = arr;// x，y，z將與arr中的每個(gè)位置對(duì)應(yīng)來取值 // 然后打印 console.log(x,y,z); const [a] = arr; //只匹配1個(gè)參數(shù) console.log(a);

結(jié)果：

對(duì)象解構(gòu)?

例如有個(gè)person對(duì)象：?

<script>const person = {name:"jack",age:21,language: ['java','js','css']};let {name, age, language} = person;console.log(name, age, language);let {name:n, age:a, language:l} = person;console.log(n, a, l);</script>

想要用其它變量接收，需要額外指定別名：

{name:n} ：name是person中的屬性名，冒號(hào)后面的n是解構(gòu)后要賦值給的變量。

超強(qiáng)干貨來襲 云風(fēng)專訪：近40年碼齡，通宵達(dá)旦的技術(shù)人生

總結(jié)

以上是生活随笔為你收集整理的ES6新特性之解构表达式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。