JS中的解構賦值（ES6）

解構賦值是對賦值運算子的擴充套件。解構賦值主要分為陣列的解構和物件的解構。

1、陣列解構 按照順序解構，賦值給前面對應下標的變數

var [a,b,c]=[1,2,3];

console.log(a,b,c);//1,2,3

var a=3;

var b=4;
[a,b]=[b,a];  
//冒泡

var [a,b=0]=[3];

console.log(a,b);
function fn([a,b=0])
fn([4,3]);

2、物件解構賦值時按照屬性名解構，與順序無關，沒有該屬性是無法解構賦值的

var =;

console.log(a,b);

var }=};

console.log(a,a1);    

let ]}=],};

console.log(x,y);
var obj=}}
}let }}}=obj;
console.log(a,a1,a2,a3);

3、字串解構，str有length屬性

var str="abcdef";

let =str;
console.log(length);

4、在物件中如果方法中有this這種方法不能被解構（3的方法）

ES6中解構賦值

理解 解構賦值就是從目標物件或陣列中提取自己想要的變數。最常用的場景是 element ui 或 vant ui 按需引入，請求介面返回想要的資料。陣列解構 乙個蘿蔔乙個坑，按照順序進行 var a,b,c 12,13 a,b 這個寫法報錯 invalid destructuring assignm...

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