陣列的解構賦值

2021-08-26 08:53:54 字數 2456 閱讀 3404

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

// es5宣告變數


let a = 1


let b = 2


let c = 3


// es6解構賦值


let [a, b, c] = [1, 2, 3]
本質上，這種寫法屬於「模式匹配」，只要等號兩邊的模式相同，左邊的變數就會被賦予對應的值。下面是一些使用巢狀陣列進行解構的例子。

let [foo, [[bar], baz]] = [1, [[2], 3]]


foo // 1


bar // 2


baz // 3


let [ , , third] = ["foo", "bar", "baz"]


third // "baz"


let [x, , y] = [1, 2, 3]


x // 1


y // 3


let [head, ...tail] = [1, 2, 3, 4]


head // 1


tail // [2, 3, 4]


let [x, y, ...z] = ['a']


x // "a"


y // undefined


z //
如果解構不成功，變數的值就等於undefined。

不完全解構，即等號左邊的模式，只匹配一部分的等號右邊的陣列。這種情況下，解構依然可以成功。

let [x, y] = [1, 2, 3]


x // 1


y // 2


let [a, [b], d] = [1, [2, 3], 4]


a // 1


b // 2


d // 4
如果等號的右邊不是陣列（或者嚴格地說，不是可遍歷的結構），那麼將會報錯。

// 報錯


let [foo] = 1


let [foo] = false


let [foo] = nan


let [foo] = undefined


let [foo] = null


let [foo] = {}
上面的語句都會報錯，因為等號右邊的值，要麼轉為物件以後不具備 iterator 介面（前五個表示式），要麼本身就不具備 iterator 介面（最後乙個表示式）。

對於 set 結構，也可以使用陣列的解構賦值。

let [x, y, z] = new set(['a', 'b', 'c'])


x // "a"
事實上，只要某種資料結構具有 iterator 介面，都可以採用陣列形式的解構賦值。

function* fibs


() }


let [first, second, third, fourth, fifth, sixth] = fibs();


sixth // 5
上面**中，fibs是乙個 generator 函式，原生具有 iterator 介面。解構賦值會依次從這個介面獲取值。

解構賦值允許指定預設值。

let [foo = true] = 


foo //


true


let [x, y = 'b'] = ['a'] // x='a', y='b'


let [x, y = 'b'] = ['a', undefined] // x='a', y='b'
let [x = 1] = [undefined]


x // 1


let [x = 1] = [null]


x // null
上面**中，如果乙個陣列成員是null，預設值就不會生效，因為null不嚴格等於undefined。

如果預設值是乙個表示式，那麼這個表示式是惰性求值的，即只有在用到的時候，才會求值。

function


f() 


let [x = f()] = [1]
上面**中，因為x能取到值，所以函式f根本不會執行。上面的**其實等價於下面的**。

let x


if ([1][0] === undefined) else
預設值可以引用解構賦值的其他變數，但該變數必須已經宣告。

let [x = 1, y = x] =      // x=1; y=1


let [x = 1, y = x] = [2] // x=2; y=2


let [x = 1, y = x] = [1, 2] // x=1; y=2


let [x = y, y = 1] = // referenceerror: y is not defined

解構賦值 陣列的解構賦值

什麼是解構賦值？es6 允許按照一定模式，從陣列和物件中提取值，對變數進行賦值，這被稱為解構 destructuring 我的理解是 允許宣告一種模式 陣列 物件等 裡面包含乙個或多個變數，再分別對這些變數遍歷 按照對應位置 賦值。以前，為變數賦值，只能直接指定值。let a 1 let b 2 通...

陣列的解構賦值

es6允許按照一定的模式，從陣列和物件中提取值，對變數進行賦值，這被稱之為解構 destructuring 以前為變數賦值，只能直接指定值 var a 1 var b 2 var c 3 es6允許寫成這樣 var a,b,c 1,2,3 本質上，這種寫法屬於 模式匹配 只要等號兩邊的模式相同，左邊...

陣列的解構賦值

以前的寫法.為變數賦值，只能直接指定值 let a 1 let b 2 let c 3 es6的允許寫法 let a,b,c 1,2,3 從陣列中提取值，按照對應位置，對變數賦值 console.log a,b,c 1,2,3 本質上，這種寫法屬於 模式匹配 只要等號兩邊的模式相同，左邊的變數就會被...