ES6解構賦值的遊戲規則

es6解構賦值的遊戲規則：

第一步：先分出陣列還是物件，看、{}

第二步：

1.陣列解構，變數a（順序），物件...b

2.物件解構

陣列解構：

1 let [foo, [[bar], baz]] = [1, [[2], 3]];

2 foo //
13 bar //
24 baz //35
6 let [ , , third] = ["foo", "bar", "baz"];
7 third //
"baz"
89 let [x, , y] = [1, 2, 3];
10 x //
111 y //312
13 let [head, ...tail] = [1, 2, 3, 4];
14 head //
115 tail //
[2, 3, 4]
1617 let [x, y, ...z] = ['a'];
18 x //
"a"19 y //
undefined
20 z //

物件解構：

1 let  = ;

2 foo //
"aaa"
3 bar //
"bbb"
45 let = ;
6 baz //
"aaa"
78 let obj = ;
9 let =obj;
10 f //
'hello'
11 l //
'world'

字串本身就是陣列的形式：

1

var [a,b,c,d,e] = 'hello';
2 console.log(a);//
h3 console.log(b);//
e

陣列可以呼叫本身的屬性；物件也可以呼叫自帶的屬性與方法：

1

var tt=[1,2,3];
2var =tt;
3 console.log(length);//
34 console.log(concat);//
ƒ concat() 
56 let = 123;
7 console.log(s ===number.prototype.tostring);8//
true
910 let = true
;11 console.log(s ===boolean.prototype.tostring);
12//
true

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