ES6新增 解構賦值

2021-10-17 08:38:14 字數 1069 閱讀 8933

解構:分解資料結構 || 賦值:為變數賦值

es6中允許從陣列中提取值,按照對應位置,對變數賦值。物件也可以實現解構。

陣列解構允許我們按照一一對應的關係從陣列中提取值然後將值賦值給變數

let arr =[1

,2,3

];let[a, b, c]

= arr;

console.

log(a)

;//輸出1

console.

log(b)

;//輸出2

console.

log(c)

;//輸出3

如果解構不成功,變數值為undefined

let

[a]=

;console.

log(a)

;//輸出undefined

let[t,f]=[

1];console.

log(t)

;//輸出1

console.

log(f)

;//輸出undefined

物件解構允許我們使用變數名匹配物件的屬性,匹配成功將物件屬性的值賦值給變數

let person =

;let

= person;

console.

log(name)

;//輸出tkrj

console.

log(age)

;//輸出19

物件解構另外一種方法:

let person =

;let

= person;

//myname myage 屬於別名

console.

log(myname)

;//輸出tkrj

console.

log(myage)

;//輸出19

ES6新增特性 解構賦值

es6按照一定模式,從陣列和物件中提取值,對變數進行賦值,稱作解構賦值。按照下面的形式進行解構賦值。let a,b,c 1,2,3 console.log a 1 console.log b 2 console.log c 3若解構不成功,變數的值為undefined。let foo console...

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...