es6 變數解構賦值的基本用法

2021-08-20 13:34:55 字數 1167 閱讀 5447

es6變數的解構賦值本質上是「模式匹配」,只要等號兩邊的模式相同,左邊的變數就會被賦予匹配的右邊的值,如果匹配不成功變數的值就等於undefined

陣列解構賦值的匹配方式是「下標」。

例一:例二:

let [a, [b, c], d] = ['aa', ['bb', 'cc']];

console.log(a, b, c, d); //aa bb cc undefined

例三:

let [a, b, ...other] = [1, 2, 3, 4, 5, 6, 7];

console.log(a, b, other); //1 2 [3, 4, 5, 6, 7]

注意:這裡的...叫做擴充套件運算子(spread),在上述案例中它的作用是將剩餘為匹配內容歸納為乙個陣列。當然,它還有其他的功能,比如「拆分陣列」。

物件解構賦值的匹配方式是「鍵名稱」。

例一:例二:

例三:從上面的「栗子」我們可以知道,es6的解構賦值其實講究的就是「匹配模式」,即等號兩面模式一致,就會賦予相應的值,未匹配的則為undefined。那麼,下面的例子就順理成章了。

例一:

let [a, b, , d}, e] = ['aa', 'bb', , d: 'dd'}];

console.log(a, b, c, d, e); //aa bb cc dd undefined

例二:

let [arr, [obj]] = [[1, 2, 3], ];

console.log(arr, obj); //[1, 2, 3]

函式引數的解構賦值其實也是一樣的,本質都是「匹配模式」,只不過這裡是形參與實參之間的匹配。

例如:

console.log(fun([100, 150])); //250

}

再例如:

let

fun = ([a, b], ) => [a, b, o];

作為入門,學會以上解構賦值就夠用了,需要深入了解請自行百科。

ES6變數解構賦值的用法

一 陣列賦值 從陣列中提取值,按照對應位置,對變數賦值 1.完全解構 變數與值數目相等 let arr 1,2,3 let a,b,c arr console.log a,b,c 1 2 3 2.不完全解構 變數的數目小於值的數目 let arr 1,2,3,4 let a,b,c arr cons...

es6變數解構賦值

es6允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構。解構賦值在實際開發中可以大量減少我們的 量,並且讓我們的程式結構更清晰。陣列的解構賦值 let a,b 1 2 console.log a 1 console.log b 2 上面的 表示,可以從陣列中提取值,按照位置的物件...

ES6變數解構賦值

es6 允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構 es6之前我們申明多個變數需要按照下面的方法 let l a 1 let b 2 let c 3 let d 4 或者 let a 1,b 2,c 3,d 4 現在我們可以更加簡便 let a,b,c,d 1,2,3,4 ...