ES6相關特性 解構賦值

2022-03-23 12:10:27 字數 649 閱讀 9918

解構賦值:本質上是一種匹配模式,等號兩邊的模式相同,則左邊的變數可以被賦予對應的值。

注意:null & undefined 不能解構賦值!!!

陣列的解構賦值:

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

a=1,b=2,c=3;

let [,,c]=[1,2,4]; //

c=4;

let[x]=; //

let x; // x=undefined;

可以指定預設值:

let [y=1]=; //

y=1;

物件的解構賦值(找同名屬性):

let =;   //

a=aaa;b=bbb;

let = //

b=1;

基本型別的解構賦值:

let [a,b,c,d]='1234';  //

a=1;b=2;c=3;d=4;

let =1; //

ts ===number.prototype.tostring;

let =true; //

bs ===boolean.prototype.tostring;

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新特性 解構賦值

在很多場景下,我們發現乙個復合屬性中像物件 陣列,我們在使用時並不會每一次都用到其中的每一項 每乙個元素,所以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...