ES6中Map的用法介紹（程式碼範例）

這篇文章帶給大家的內容是關於ES6中Map的用法介紹（程式碼範例），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

概述

Map也是新的資料結構，在js中其實也常用到，例如下面的栗子，我們常常這麼使用一個對象，與其說他是對象，其實他更像一個Map，但是比起真正的Map，這個還是有點弱了，

let color={
    "red":"#FF0000",
    "green":"#00FF00",
    "blue":"#0000FFF"
}
color['red']

初始化

new Map([iterable])

初始化一個Map有一個可選的參數，該參數必須是一個可迭代對象，可迭代對象包括String、Array、Array-Like obejct(Arguments、NodeList)、Typped Array、Set、Map和使用者定義的可迭代對象。

陣列

new Map([[1,2],[3,4]]) // Map(2) {1 => 2, 3 => 4}

加上

和物件作為Map相比，Map的鍵可以是任意值，甚至可以是NaN

var myMap = new Map();
var keyObj = {},
    keyFunc = function () {},
    keyString = "a string";
// 添加键
myMap.set(keyString, "和键'a string'关联的值");
myMap.set(keyObj, "和键keyObj关联的值");
myMap.set(keyFunc, "和键keyFunc关联的值");

取得Map的大小

myMap.size    // 3

取得

myMap.get(keyString)   // "和键'a string'关联的值"
myMap.get(keyObj)     // "和键keyObj关联的值"
myMap.get(keyFunc)      // "和键keyFunc关联的值"

是否包含

myMap.has(keyString)  // true
myMap.has('1')  // false

刪除

myMap.delete(keyString)  // true
myMap.delete('')  // false

遍歷

myMap.forEach(m=>{console.log(m)})
// 和键'a string'关联的值
//  和键keyObj关联的值
//  和键keyFunc关联的值

#取得迭代器

let entries=myMap.entries()
entries.next().value // 和键'a string'关联的值
entries.next().value//  和键keyObj关联的值
entries.next().value//   和键keyFunc关联的值

取得key 迭代器

let keys=myMap.keys()
keys.next().value //  "a string"
keys.next().value//  function () {}
keys.next().value//   {}

取得value 迭代器

let values=myMap.values()
values.next().value // 和键'a string'关联的值
values.next().value//  和键keyObj关联的值
values.next().value//   和键keyFunc关联的值

清除

mySet.clear()

以上是ES6中Map的用法介紹（程式碼範例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！