es6按照一定模式,從陣列和物件中提取值,對變數進行賦值,稱作解構賦值。
按照下面的形式進行解構賦值。
若解構不成功,變數的值為undefined。let
[a,b,c]=[
1,2,
3];console.
log(a)
;//1
console.
log(b)
;//2
console.
log(c)
;//3
另一種情況為不完全解構,等號左邊內容少,右邊多。這種解構可以成功。let
[foo]=[
];console.
log(foo)
;//undefined
let[a, b]=[
1]; console.
log(a)
;//1
console.
log(b)
;//undefined
按照移動模式,從物件中提取值,將提取的值賦值給另外的變數。let
[x, y]=[
1,2,
3];console.
log(x)
;// 1
console.
log(x)
;//2
let[a,
[b], d]=[
1,[2
,3],
4];console.
log(a)
;//1
console.
log(b)
;//2
console.
log(d)
;//4
let person =
;let
= person;
console.
log(name)
;// 'zhangsan'
console.
log(age)
;// 20
let= person;
// myname myage 屬於別名
console.
log(myname)
;// 'zhangsan'
console.
log(myage)
;// 20
//以上兩種形式都可以。
ES6新增 解構賦值
解構 分解資料結構 賦值 為變數賦值 es6中允許從陣列中提取值,按照對應位置,對變數賦值。物件也可以實現解構。陣列解構允許我們按照一一對應的關係從陣列中提取值然後將值賦值給變數 let arr 1 2,3 let a,b,c arr console.log a 輸出1 console.log b ...
ES6新特性 解構賦值
在很多場景下,我們發現乙個復合屬性中像物件 陣列,我們在使用時並不會每一次都用到其中的每一項 每乙個元素,所以es6的解構賦值就可以單獨將我們需要的屬性 元素取出,不用將物件 陣列全部載入,可以提高專案的執行效率。先宣告乙個物件 let obj 在這個物件中有兩個屬性,通過解構賦值,我們可以做到只載...
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...