ES6整理 解構賦值

2021-10-12 21:38:37 字數 607 閱讀 5267

es6中允許從陣列中提取值,按照對應位置,對變數賦值。

物件也可以實現解構。

let arr = [1, 2, 3]

let [a, b, c] = arr

或者//陣列解構允許我們按照一一對應的關係從陣列中提取值,然後將值賦值給變數

let [a, b, c] = [1, 2, 3];

console.log(a);

console.log(b);

console.log(c);

陣列解構允許我們按照一一對應的關係從陣列中提取值(嚴格按照順序來),然後將值賦值給變數

陣列的元素是按次序排列的,變數的取值由它的位置決定。而物件的屬性沒有次序,變數必須與屬性同名,才能取到正確的值

//物件解構允許我們使用變數的名字匹配物件的屬性 匹配成功 將物件屬性的值賦值給變數

let person = ;

let = person;

console.log(name); //user

console.log(age); //20

物件解構允許我們使用變數的名字匹配物件的屬性 匹配成功 將物件屬性的值賦值給變數。

es6解構賦值理解

最優 結構賦值的規則是,只要等號右邊的值不是物件或者陣列,就先將其轉為物件,再匹配更詳細規則。由於undefined和null無法轉換為物件,所以進行匹配就回報錯。注意事項 變數宣告 函式引數 賦值語句模式等不要帶圓括號,es6識別不出來是要做結構還是做表示式。1 陣列 左右都是陣列 可遍歷 1.1...

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