es6解構賦值總結

2022-07-26 14:36:10 字數 1197 閱讀 4059

陣列的解構賦值

1.簡單的賦值方式

2.多維陣列解構賦值

3.預設值,只有當右邊對應位置為undefined時候才會選擇預設(null不屬於undefined)

4.左右不對等,會相應的對號入座,沒有的以undefined賦值

左邊多於右邊

右邊多餘左邊

物件賦值

1.普通賦值,物件右邊的順序可以打亂

2.預設值賦值,同陣列

3.變數名和屬性名不一致

也就是說,物件的解構賦值的內部機制,是先找到同名屬性,然後再賦給對應的變數。真正被賦值的是後者,而不是前者

4.圓括號的用法

如果在解構之前就已經定義了物件,解構需要加圓括號

字串的解構

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