ES6 2 解構賦值(陣列和物件)

2021-09-25 11:36:43 字數 875 閱讀 8040

1.解構賦值(destructuring)

es6 允許按照一定模式,從陣列和物件中提取值(變數值的**),對變數進行賦值(作用),這被稱為解構。

2.陣列的解構賦值

let arr =[1,2,3]

let [a,b,c ] = arr

console.log(a,b,c) //1 2 3

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

console.log(b,c) // 2,3

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

console.log(a,b,c) //1 2 undefined

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

console.log(a,c) //1 3

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

console.log(a,b,c) // 1 2 3

let [a,b,c] = [1,2,[3,4,5]]

console.log(a,b,c) // 1 2 [ 3, 4, 5 ]

3.物件的解構賦值:定義了兩個變數;給這兩個變數賦值;

4.解構賦值的應用

ES6(2) 解構賦值

目錄 一 什麼是解構賦值?二 陣列模型的解構 array 三 物件模型的解構 object 解構賦值是對賦值運算子的擴充套件。是一種針對陣列或者物件進行模式匹配,然後對其中的變數進行賦值。1 基本 let a,b,c 1,2,3 console.log 輸出 2 可巢狀 let a,b c 1,2 ...

ES6 (2) 解構賦值

對於解構賦值個人感覺需要理解左查詢與右查詢的區別,然後對解構賦值的理解才會更深一些。解構賦值 對陣列和物件中的值提取,賦值到宣告的變數中。模式匹配 模式相同,或者說樣子一樣 如果不成功,變數值為undefined,等號右邊不是陣列 不是可遍歷,因為模式是陣列 會報錯。允許指定預設值 左右匹配使用的是...

es6 陣列與物件解構賦值

問題 從陣列或物件中提取資訊 傳統方法 let obj letname obj name let age obj.age varible1,varible2,variblen array let arr 1 2,3 let a arr 0 傳統方法 let b arr 1 let c arr 2 l...