es6的解構賦值

2022-05-08 18:15:14 字數 1105 閱讀 5239

具有iterator介面的資料都可以解構賦值

陣列的解構賦值

let arr = [1, 2, 3, 4]

let [a, , c] =arr

console.log(a, c)

1 3

let [a = 1, ...b] = [undefined, 2, 3, 4, 5, 6]

console.log(a, b)

1array(5) [ 2, 3, 4, 5, 6 ]

上面**的a設了預設值1,當a賦值嚴格等於undefined的時候,預設值才會生效

可以用rest引數作解構賦值

set型別的結構賦值

let [a, , , d] = new set([1, 2, 3, 4])

console.log(a, d)

1 4

物件的解構賦值

let d = ;

[d.a, d.b] = [3, 4]

console.log(d)

object

let d = 

for(let [k, v] of object.entries(d))

a 1b 2

let options =

//如果變數名稱跟屬性名稱一致,可以用簡寫的方式直接進行解構賦值

let =options

//如果變數名想定義的跟屬性名不一致,需要寫清對照關係

let =options

console.log(title, width, height)

console.log(title1, width1, height1)

menu 100 200menu 100 200

巢狀結構的解構賦值

let options =,

width: 100,

height: 200}

let , ...otherattr } =options

console.log(id)

console.log(otherattr)

1object

ES6 解構賦值

陣列的解構賦值 let a,b 12,13 let a,b,c d 13,15,16 let a,b c 78,12 23 let x,y 1,3,5 x 1,y 3 let x,y,z a x a,y undefined z let h,b 1,2,3,4 1,2,3,4 預設值 let x tr...

ES6解構賦值

一 基本用法 解構 destructuring 按照一定的模式,從陣列或者物件中提取值,對變數進行賦值。let par1,par2,par3 1,2 console.log par1,par2,par3 1 2 不完全解構時par3對值為undefined 解構賦值允許指定變數對預設值。let pa...

es6解構賦值

coding changes the world accumulating makes yourself 主要從三個方面講述 陣列式的解構賦值 物件式的解構賦值 函式中的解構賦值 preface 現今的變數宣告語法十分的直接 左邊是乙個變數名,右邊可以是乙個陣列 的表示式或乙個物件 的表示式,等等。...