国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

ES6 Map常用方法總結

darcrand / 2288人閱讀

摘要：結構轉為數組結構比較快速的方法是結合使用擴展運算符循環遍歷原生提供三個遍歷器返回鍵名的遍歷器。下面是使用實例?；蛘叩韧谑褂蒙厦娲a最后的那個例子，表示結構的默認遍歷器接口屬性，就是方法。獲取長度獲取第一個元素獲取第一個獲取第一個

1.Map 結構轉為數組結構

比較快速的方法是結合使用擴展運算符（...）

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 循環遍歷

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 結構的默認遍歷器接口（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); // {}

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84586.html

相關文章

  • ES6常用數據方法總結

    摘要：以上個方法及以上才支持。不過可以通過轉義支持低版本。以上均不改變原數組。讓數組的前后兩項進行某種計算，返回最終操作的結果。 1. forEach() let array = [1,2,3,4]; array.forEach((item, index, array) => { 　　console.log(item); }); forEach會遍歷數組, 沒有返回值, 不允許在循環體內寫r...

    gitmilk 評論0 收藏0

  • ES6、7、8常用新特性總結(超實用)

    摘要：定義類常用新特性在一個數組或者列表中檢查是否存在一個值還能在字符串中使用除了增強了可讀性語義化，實際上給開發者返回布爾值，而不是匹配的位置。 ES6常用新特性 1. let && const let 命令也用于變量聲明，但是作用域為局部 { let a = 10; var b = 1; } 在函數外部可以獲取到b，獲取不到a，因此例如for循環計數器就適...

    atinosun 評論0 收藏0

  • ES6、7、8常用新特性總結(超實用)

    摘要：定義類常用新特性在一個數組或者列表中檢查是否存在一個值還能在字符串中使用除了增強了可讀性語義化，實際上給開發者返回布爾值，而不是匹配的位置。 ES6常用新特性 1. let && const let 命令也用于變量聲明，但是作用域為局部 { let a = 10; var b = 1; } 在函數外部可以獲取到b，獲取不到a，因此例如for循環計數器就適...

    Xufc 評論0 收藏0

  • JS數組去重總結

    摘要：數組去重，一般會在面試的時候才會碰到，要求手寫數組去重方法的代碼。在實際項目中碰到的數組去重，一般都是后臺去處理，很少讓前端處理數組去重。數組去重的方法一利用去重中最常用如果不考慮兼容性，這種去重的方法代碼最少。 數組去重，一般會在面試的時候才會碰到，要求手寫數組去重方法的代碼。如果是被提問到，數組去重的方法有哪些？你能答出其中的10種，面試官很有可能對你刮目相看。 在實際項目中碰到的...

    whinc 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<