資訊專欄INFORMATION COLUMN
摘要：結(jié)構(gòu)轉(zhuǎn)為數(shù)組結(jié)構(gòu)比較快速的方法是結(jié)合使用擴展運算符循環(huán)遍歷原生提供三個遍歷器返回鍵名的遍歷器。下面是使用實例?；蛘叩韧谑褂蒙厦娲a最后的那個例子，表示結(jié)構(gòu)的默認(rèn)遍歷器接口屬性，就是方法。獲取長度獲取第一個元素獲取第一個獲取第一個
1.Map 結(jié)構(gòu)轉(zhuǎn)為數(shù)組結(jié)構(gòu)
比較快速的方法是結(jié)合使用擴展運算符（...）
let map = new Map([ [1, "one"], [2, "two"], [3, "three"], ]); [...map.keys()] // [1, 2, 3] [...map.values()] // ["one", "two", "three"] [...map.entries()] // [[1,"one"], [2, "two"], [3, "three"]] [...map] // [[1,"one"], [2, "two"], [3, "three"]]2.Map 循環(huán)遍歷
Map 原生提供三個遍歷器:
keys()：返回鍵名的遍歷器。
values()：返回鍵值的遍歷器。
entries()：返回所有成員的遍歷器。
下面是使用實例。
let map = new Map([
["F", "no"],
["T", "yes"],
]);
for (let key of map.keys()) {
console.log(key);
}
// "F"
// "T"
for (let value of map.values()) {
console.log(value);
}
// "no"
// "yes"
for (let item of map.entries()) {
console.log(item[0], item[1]);
}
// "F" "no"
// "T" "yes"
// 或者
for (let [key, value] of map.entries()) {
console.log(key, value);
}
// 等同于使用map.entries()
for (let [key, value] of map) {
console.log(key, value);
}
上面代碼最后的那個例子，表示 Map 結(jié)構(gòu)的默認(rèn)遍歷器接口（Symbol.iterator 屬性），就是 entries 方法。
map[Symbol.iterator] === map.entries // true
3.Map 獲取長度
map.size;4.Map 獲取第一個元素
const m = new Map();
m.set("key1", {})
m.set("keyN", {})
console.log(m.entries().next().value); // [ "key1", {} ]
獲取第一個key
console.log(m.keys().next().value); // key1
獲取第一個value
console.log(m.values().next().value); // {}
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/84586.html
摘要：以上個方法及以上才支持。不過可以通過轉(zhuǎn)義支持低版本。以上均不改變原數(shù)組。讓數(shù)組的前后兩項進行某種計算，返回最終操作的結(jié)果。 1. forEach() let array = [1,2,3,4]; array.forEach((item, index, array) => { console.log(item); }); forEach會遍歷數(shù)組, 沒有返回值, 不允許在循環(huán)體內(nèi)寫r...
摘要：定義類常用新特性在一個數(shù)組或者列表中檢查是否存在一個值還能在字符串中使用除了增強了可讀性語義化，實際上給開發(fā)者返回布爾值，而不是匹配的位置。 ES6常用新特性 1. let && const let 命令也用于變量聲明，但是作用域為局部 { let a = 10; var b = 1; } 在函數(shù)外部可以獲取到b，獲取不到a，因此例如for循環(huán)計數(shù)器就適...
摘要：定義類常用新特性在一個數(shù)組或者列表中檢查是否存在一個值還能在字符串中使用除了增強了可讀性語義化，實際上給開發(fā)者返回布爾值，而不是匹配的位置。 ES6常用新特性 1. let && const let 命令也用于變量聲明，但是作用域為局部 { let a = 10; var b = 1; } 在函數(shù)外部可以獲取到b，獲取不到a，因此例如for循環(huán)計數(shù)器就適...
摘要：數(shù)組去重，一般會在面試的時候才會碰到，要求手寫數(shù)組去重方法的代碼。在實際項目中碰到的數(shù)組去重，一般都是后臺去處理，很少讓前端處理數(shù)組去重。數(shù)組去重的方法一利用去重中最常用如果不考慮兼容性，這種去重的方法代碼最少。 數(shù)組去重，一般會在面試的時候才會碰到，要求手寫數(shù)組去重方法的代碼。如果是被提問到，數(shù)組去重的方法有哪些？你能答出其中的10種，面試官很有可能對你刮目相看。 在實際項目中碰到的...
閱讀 1338·2021-09-04 16:40
閱讀 3464·2021-07-28 00:13
閱讀 2889·2019-08-30 11:19
閱讀 2623·2019-08-29 12:29
閱讀 3176·2019-08-29 12:24
閱讀 1131·2019-08-26 13:28
閱讀 2404·2019-08-26 12:01
閱讀 3455·2019-08-26 11:35
