es6 解構賦值

2022-05-26 17:30:09 字數 805 閱讀 8435

1. 陣列結構賦值

[a,b]=[1,2]//

陣列型別解構賦值

console.log(a);//

1[a,b,...rest]=[1,2,3,4,5,6]//

輸出1,2,[3,4,5,6]

[a,b,c=3]=[1,2] //

a=1,b=2,c=3

[a,b,c]=[1,2]//

若左右沒有配對成功,則會輸出undefined。即c為undefined

let a=1;

let b=2;

[a,b]=[b,a];//

可以進行交換,輸出2,1

function

f()let a,b;

[a,b]=f();//

輸出1,2

function

f()let a,b,c;

[a,,,b]=f();//

a,b輸出1,4

function

f()let a,b,c;

[a,...b]=f();//

a,b輸出1,[2,3,4,5]

2.物件解構賦值

} let =o;//

物件解構賦值左右都是物件

console.log(p,q);//

42,true

let =;

console.log(a,b);

//3,5

let metadata=]

}let ]}=metadata;

console.log(estitle,cntitle);

//輸出abc,test

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