免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

Object解構(gòu)賦值基礎(chǔ)情況
let options = { title: 'menu', width: 100, height: 200 } let {title, width, height} = options console.log(title, width, height)

默認(rèn)值的問題
let {title: title2, width = 130, height} = options console.log(title2, width, height)

rest
let {title, ...last} = options console.log(title2, last)

復(fù)雜的嵌套的數(shù)據(jù)結(jié)構(gòu)
let options = { size: { width: 100, height: 200 }, items: ['Cake', 'Donut'], extra: true } let {size: {width: width2, height}, items: [item1]} = options console.log(width2, height, item1)

函數(shù)參數(shù)復(fù)雜的時(shí)候也可以用解構(gòu)賦值

Object的解構(gòu)賦值

Array的解構(gòu)賦值
let arr = ['a', 'b', 'c', 'd']

如何跳過某個(gè)賦值元素
let [firstName, , thirdName] = arr // 取數(shù)組的第一三項(xiàng)

凡是可遍歷的對象的數(shù)據(jù)解構(gòu)都可以解構(gòu)賦值，這個(gè)可遍歷的對象是什么呢，比如我們前面講的set，map，字符串。
數(shù)組或者是字符串，你可以用索引來取某一位或某一項(xiàng)內(nèi)容。但如果是set，我們是怎么獲取某一個(gè)元素的？是用
get或者遍歷的方式吧，它是不支持索引的。但是利用解構(gòu)賦值的話，它根本就不用索引的方式，你只要左邊寫中括
號，默認(rèn)按照索引的位置排序去取就可以了。不需要顯示的指定索引值。根本就不需要關(guān)心右邊這個(gè)數(shù)據(jù)解構(gòu)該怎么
取的問題。

let [firstName, , thirdName] = new Set([1, 2, 3, 4])

如果左邊不新生成變量，而是把它賦值到一個(gè)對象屬性上面去，那該怎么做呢？
let user = {name: 's', surname: 't'}

循環(huán)

rest
let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9] let [firstName, curName, ...last] = arr console.log(firstName, curName, last)

前面講的都是正常的情況，數(shù)據(jù)足夠多，然后給這個(gè)賦值。但我們知道賦值的時(shí)候你不能保證你的數(shù)據(jù)一定是有內(nèi)
容的，這不就是極端或者是異常的情況嗎。
let arr = [1, 2, 3] let [firstName, curName, ...last] = arr console.log(firstName, curName, last) // 1 2 [3] let arr = [1, 2] console.log(firstName, curName, last) // 1 2 [] let arr = [1] console.log(firstName, curName, last) // 1 undefined [] let arr = [] console.log(firstName, curName, last) // undefined undefined []

let arr = []console.log(firstName = 'hello', curName, last) // hello undefined []

es5
user.name = arr[0] user.surname = arr[1]

es6
[user.name, user.surname] = [1, 2]

es5
for (let i = 0, item; i < arr.length; i ) { item = arr[i] }

es6
let user = {} for (let [k, v] of Object.entries(user)) { console.log(k, v) }