ES6學習 解構賦值

解構賦值是對賦值運算子的擴充套件，是一種針對陣列或物件進行模式匹配，對其中變數進行賦值。

解構源：解構賦值表示式的右邊部分

解構的目標 ：解構賦值表示式的左邊部分

*注意：左右兩邊，結構格式要保持一致

陣列

let arr =[1

,2,3
];let[a,b,c]
= arr;
console.
log(a,b,c)
;//1 2 3
[a,b,c]=[
1,[2
,3]]
;// 1 [2, 3] undefined
[a,[b,c]]=
[1,[
2,3]
]//1,2,3

let json =

let= json;
console.
log(name,age)
;//tom 18

functionfn(

)fn()
functionfn(
)fn()
functionfn(
)fn()
//正確fn(
)//報錯

* :右邊值為null時,視為有值，預設值無效

let

[a,b,c]=[
1,2]
;console.
log(a,b,c)
;//1 2 undefined
let[a,b,c =
"預設值"]=
[1,2
];// 1 2 預設值

ES6 學習 解構賦值

一 陣列解構 陣列解構，解構出來的值跟陣列下標是一一對應的，如果左邊變數多於右邊陣列，則左邊後面部分變數值為undefined，如果右邊陣列元素個數多於左邊解構變數個數，則左邊變數全都有值，且一一對應 1.簡單解構 let arr 1,2,5 let a b c arr a 1,b 2,c 5 2....

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