11 ES6 解構賦值

一、陣列的解構賦值

es6允許我們在左邊使用這個表示式來給左邊三個元素賦值：

var [el1, el2, el3] = [1, 2, 3, 4, 5];  //

el1 = 1,  el2 = 2,  el3 = 3

通過變數名交換變數的值：

var [el1, el2, el3] = [1, 2, 3, 4, 5];

[el1, el2] = [el2, el1];

解構賦值也可以巢狀：

var value = [1, 2, [3, 4, 5]];

var [el1, el2, el3] = value;  //
el3 = [3, 4, 5]
var [dl1, dl2, [dl3, dl4]] = value;  //
dl3 = 3

可以通過簡單地在指定位置省略變數來忽略陣列中的某個元素：

var value = [1, 2, 3, 4, 5];

var [el1, ,el3, ,el5] = [1, 2, 3, 4, 5];  //
el3 = 3, el5 = 5

指定預設值：

var [firstname = "john", lastname = "doe"] = ;

rest引數（...變數名）讓事情變得更有趣，它使你可以得到陣列中「剩餘「的元素。

var value = [1, 2, 3, 4, 5];

var [el1, el2, el3, ...tail] = value;  //
tail = [4, 5]

返回陣列函式：

function

tuple() 
var [first, second] = tuple();  //
first = 1, second = 2

二、物件的解構賦值

物件解構賦值也可以使用預設值：

var  = {};  //

firstname = "john", userlastname = "doe"

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