ES6新特性四 變數的解構賦值例項

2022-10-01 00:03:23 字數 1237 閱讀 1361

1. 陣列的解構賦值

//① 可以從數lohdsvgsi組中提取值,按照對應位置,對變數賦值

var [a, b] = [1, 2]; //a = 1;b = 2

//② 下面是一些使用巢狀陣列進行解構

var [d, [[c], f]] = [1, [[2], 3]];

var [,,third] = ["foo", "bar", "baz"];//third = "baz"

var [head, ...tail] = [1, 2, 3, 4];//head = 1;tail = [2, 3, 4]

//③不完全結構

var [x, y] = [1,2,6]; //x = 1;y = 2

//④ 解構賦值允許指定預設值

var [foo = true] = ; //foo = true

var [x, y='b'] = ['www.cppcns.coma'] // x='a', y='b'

var [x, y='b'] = ['a', undefined] // x='a', y='b'

//⑤ 解構不成功,變數的值就等於undefined

var [a6, a7] = [1]; //a7 = undefined

2. 對set 的解構賦值

[a, b, c] = new set程式設計客棧(["a", "b", "c"])

console.log(a) // "a"

3. 物件的解構賦值

//物件的屬性沒有次序,變數必須與屬性同名,才能取到正確的值

var = ;//x = aaa, y = bbbb

var = ; // c = undefined

//嚴格遵守變數名與屬性同名

var = ; //e = aaa

//指定預設值

var = ;// x = 1,y = 5

4. 用於遍歷 map

var map = new map();

map.set('first', 'hello');

map.set('second', 'world');

//獲取鍵值對

for (let [key,value] of map)

// 獲取鍵名

for (let [key] of map)

// 獲取值

for (let [,value] of map)

本文位址: /ruanjian/j**a/188223.html

ES6新特性 解構賦值

在很多場景下,我們發現乙個復合屬性中像物件 陣列,我們在使用時並不會每一次都用到其中的每一項 每乙個元素,所以es6的解構賦值就可以單獨將我們需要的屬性 元素取出,不用將物件 陣列全部載入,可以提高專案的執行效率。先宣告乙個物件 let obj 在這個物件中有兩個屬性,通過解構賦值,我們可以做到只載...

前端 (四)ES6新特性之解構賦值

等號左右兩邊的格式一樣,就可以將右邊的值賦值給左邊的變數,這種寫法實質是 模式匹配 舉個例子 以前賦值 var a 1 var b 2 var c 3 解構賦值 var a,b,c 1,2,3 let undefined typeerror let null typeerror要求 等號右邊必須為陣...

es6變數解構賦值

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