ES6 解構賦值

2021-10-08 15:48:53 字數 1022 閱讀 8892

通俗意義上來說解構賦值是針對陣列或者物件進行模式匹配,然後對其中的變數進行賦值。

舉個簡單的栗子

let arr =[1

,2,3

]let a = arr[0]

//1let b = arr[1]

//2let b = arr[2]

//3

這是傳統的寫法,如果使用解構賦值則會簡單很多;

let arr =[1

,2,3

]let

[a,b,c]

= arr

console.

log(a)

// 1

console.

log(b)

// 2

console.

log(c)

// 3

並且通過下面這個栗子能夠看出在有預設值和沒有預設值的情況下賦值情況的不同;

let

[a,b,c=

4,d=5]

=[,2

,3,]

console.

log(a)

//undefiend

console.

log(b)

//2console.

log(c)

//3console.

log(d)

//5

以上是陣列的解構賦值,接下來是物件的解構賦值;

let=;

one//1

two//2

物件的解構賦值也可以設定預設值

let=;

console.

log(a)

//undefiend

console.

log(b)

//2console.

log(c)

//3console.

log(d)

//6

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 現今的變數宣告語法十分的直接 左邊是乙個變數名,右邊可以是乙個陣列 的表示式或乙個物件 的表示式,等等。...