ES6中物件的解構賦值多重情況詳解

2021-10-08 21:19:23 字數 575 閱讀 5155

**如下

// (1) 左側簡寫形式

let obj=

let=obj //左側簡寫的形式和obj中定義的屬性要一樣 ,如果不一樣為 該變數為undefined

console.log(title,height,bodyweight)

// (2) 左側不簡寫形式

let obj=

let=obj

console.log(title2)

// (3) 結合...運算子

let obj=

let=obj

console.log(title,result) //'xc',

// (4) 複雜資料解構

let obj=

, list:[

'a','b'

], isof:true

}let

, list:[list1,list2]

}=obj //左側解構需要做到與右側一一對應

console.log(height,title,list1,list2) //180cm xc a b

ES6中解構賦值

理解 解構賦值就是從目標物件或陣列中提取自己想要的變數。最常用的場景是 element ui 或 vant ui 按需引入,請求介面返回想要的資料。陣列解構 乙個蘿蔔乙個坑,按照順序進行 var a,b,c 12,13 a,b 這個寫法報錯 invalid destructuring assignm...

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