es6 物件與陣列的解構賦值

2022-05-23 20:36:12 字數 932 閱讀 5245

//


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 object3 = ;


this


.testobject(object3);


//4.測試函式解構賦值-傳陣列


const arr4 = ['


a4', 'b4'


]; 


this


.testarray(arr4);


//5.測試函式解構賦值-傳物件並新增新屬性


const object5 = ;


this


.testobjectadd(object5);


console.log(


'object5


', object5);


//6.測試函式解構賦值-傳陣列並push


const arr6 = ['


a6', 'b6'


]; 


this


.testarraypush(arr6);


console.log(


'arr6


', arr6);

testobject(),


testarray([a4, b4, c4='c4'


]), testobjectadd(object5));


},testarraypush(arr6),

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

變數的解構賦值 從陣列或者物件中提取資料，賦值給變數 多個 物件的解構賦值 let 相當於重新定義了兩個變數來接受等號右邊的引數，只不過變數名要與物件的key一一對應 陣列的解構賦值 let a,b 1,2 相當於重新定義了兩個變數來接受等號右邊的引數，定義的變數以下標為基礎，對應右邊陣列內的元素 ...

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一定要對應。物件的解構與陣列有乙個重要的不同。陣列的元素是按次序排列的，變數的取值由它的位置決定 而物件的屬性沒有次序，變數必須與屬性同名，...