ES6 陣列的解構賦值

2021-10-08 11:21:54 字數 1614 閱讀 7844

陣列的解構賦值

將陣列的值,或者物件的屬性,提取到不同的變數中

更複雜的匹配規則:

擴充套件運算子:

let arr1=[1,2];

let arr2=[3,4];

let arr3=[5,6];

let arr4=[arr1,arr2,arr3];//

三個陣列

let arr5=[...arr1,...arr2,...arr3];//

合併陣列的值

陣列的解構賦值與擴充套件運算子結合

const arr=[1,2,3,4,5];

let [a,b,c]=arr;

let[a2,b2,...c2]=arr;//

取到剩下的所有值

預設值沒有匹配到的值預設為undefined

如果是undefined,可以在解構賦值時單獨再賦值(必須是undefined)

交換變數

let a=10,b=20;

[a,b]=[b,a];//

交換資料

接收多個 函式返回值:

function

getinfo(id),

"請求成功"];

ES6陣列的解構賦值

解構 destructuring 是指在 es6允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,在解構出現之前為變數賦值,只能直接指定值。var a 1 var b 2 var c 3 es6可以寫成這樣 var a,b,c 1,2,3 這樣表示從 1,2,3 這個陣列中提取值,會按照對應的...

ES6 陣列的解構賦值

陣列的解構賦值 es6 允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構 destructuring 以前,為變數賦值,只能直接指定值。let a 1 let b 2 let c 3 es6 允許寫成下面這樣。let a,b,c 1,2,3 console.log a 1 con...

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...