ES6解構賦值的遊戲規則

2022-07-15 20:57:15 字數 1354 閱讀 5965

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