ES6物件與陣列解構賦值理解

2021-10-08 14:40:11 字數 870 閱讀 5238

/*

* 變數的解構賦值:從陣列或者物件中提取資料,賦值給變數(多個)

* 物件的解構賦值:

* let =

* 相當於重新定義了兩個變數來接受等號右邊的引數,只不過變數名要與物件的key一一對應

* 陣列的解構賦值:

* let [ a, b ] = [ 1, 2 ]

* 相當於重新定義了兩個變數來接受等號右邊的引數,定義的變數以下標為基礎,對應右邊陣列內的元素

* */

// 物件的解構賦值

let obj =

let= obj

console.

log(username, age)

//'kobe' 38

//函式傳參也可以用到解構賦值

functionfn(

) = obj

console.

log(username, age)

//'kobe' 38}fn

(obj)

// 陣列的解構賦值

let arr =[1

,2,3

,'kobe'

,true

]/* let [ a, b, c, d, e ] = arr

console.log(a, b, c, d, e) // 1, 2, 3, 'kobe', true */

/*let [ a, b, c ] = arr

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

let[,,

,a, b,

]= arr

console.

log(a, b)

//'kobe', true

es6 物件與陣列的解構賦值

1.測試物件解構賦值 const object1 const object1 console.log a1,b1,c1 2.測試陣列解構賦值 const arr2 a2 b2 const a2,b2,c2 arr2 console.log a2,b2,c2 3.測試函式解構賦值 傳物件 const ...

ES6 物件的解構賦值

es6的解構賦值,在我看來是提供了乙個整體賦值的方案。包括陣列和物件的整體賦值。基本原則如下 let x,y 1,2 x 1 y 2 let foo aaa bar bbb 但是物件的解構賦值,允許給賦值的變數重新命名。物件的重新命名解構 我自己去的名字,便於理解 其實在給物件進行解構賦值的時候,有...

ES6 物件的解構賦值

物件的解構賦值 解構不僅可以用於陣列,還可以用於物件。let console.log foo aaa console.log bar bbb這裡的foo,bar一定要對應。物件的解構與陣列有乙個重要的不同。陣列的元素是按次序排列的,變數的取值由它的位置決定 而物件的屬性沒有次序,變數必須與屬性同名,...