天天看點

解構指派

1、解構指派:解析某一資料的結構,将想要的東西提取出來

2、數組解構指派:模式比對+索引值相同的完成指派

const [a,[, , b],c]=[1,[1,2,3],4]

console.log(a,b,c)結果為1,3,4

3、數組解構預設值

const[a,b]=[]等價于const[a,b]=[undefined,undefined]

隻有當一個數組成員嚴格等于undefined時,對應的預設值才會生效

const[a=1,b=2]=[]

console.log(a,b)

結果為1,2

注意:如果預設值是表達式,惰性求值,隻有當書組成員等于undefined時,才會執行表達式

4、對象解構指派

模式比對+屬性名相同的完成指派

const{age:age,username:username}={age:1,username:xioaxiao}

console.log(age,username)

結果為1,xioaxiao

5、其它資料類型的解構指派

字元串的解構指派:

數組形式接收

const[a,b]='hello'; console.log(a,b)

對象形式解構指派

const({0:a,1:b})='hello'

結果為h,e

數組和布爾值的解構指派,會将右邊的值轉換為對象

undefined和null進行解構指派會報錯。