學習 ES6 3 語言特性 變數的解構賦值

2021-10-24 08:49:05 字數 729 閱讀 7502

es6 可以按照一定模式從物件和陣列中提取對應值,並賦值給指定的變數

1,陣列

let items = [1,2,3]

let [i,j,k] = items

console.log("i:" + i)

console.log("j:" + j)

console.log("k:" + k)

//i:1,j:2,k:3

let [l,m] = items

console.log("l:" + l)

console.log("m:" + m)

// 可以賦值給少於陣列長度的陣列 l:1,m:2

let [a,b,c,d] = items

console.log("a:" + a)

console.log("b:" + b)

console.log("c:" + c)

console.log("d:" + d)

// 可以賦值給大於陣列長度的陣列 d: undefined

2,物件

const obj = 

}let = obj

console.log("name:" + name)

//屬性名必須相同

let = obj

console.log("name1:" + name1)

//屬性名另外起名

ES6 3 變數的解構賦值

陣列的解構賦值其實是 左右進行 模式匹配 右側是具體的數值,不是變數!左側的是變數!如果右側是變數形式,需要先計算出具體的數值!let a,b c 1,2 3 a 1 b 2 c 3let a,tail 1,2,3,4,5 a 1,tail 2,3,4,5 let a,b,c 1 a 1 b und...

ES6 變數的解構

預設值 let foo true foo true let x,y b a x a y b let x,y b a undefined x a y b es6 內部使用嚴格相等運算子 判斷乙個位置是否有值。所以,如果乙個陣列成員不嚴格等於undefined,預設值是不會生效的。以下三種解構賦值不得使...

ES6新特性四 變數的解構賦值例項

1.陣列的解構賦值 可以從數lohdsvgsi組中提取值,按照對應位置,對變數賦值 var a,b 1,2 a 1 b 2 下面是一些使用巢狀陣列進行解構 var d,c f 1,2 3 var third foo bar baz third baz var head,tail 1,2,3,4 he...