ES6中Map的使用方法

這篇文章將為大家詳細(xì)講解有關(guān)ES6中Map的使用方法，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

概述

Map也是一個(gè)新的數(shù)據(jù)結(jié)構(gòu)，在js中其實(shí)也經(jīng)常用到，比如下面的栗子，我們經(jīng)常這么使用一個(gè)對(duì)象，與其說(shuō)他是對(duì)象，其實(shí)他更像一個(gè)Map，但是比起真正的Map，這個(gè)還是有點(diǎn)弱了，

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

初始化

new Map([iterable])

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

數(shù)組

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

添加

和對(duì)象作為Map相比，Map的鍵可以是任意值，甚至可以是NaN

var myMap = new Map();
var keyObj = {},
    keyFunc = function () {},
    keyString = "a string";
// 添加鍵
myMap.set(keyString, "和鍵'a string'關(guān)聯(lián)的值");
myMap.set(keyObj, "和鍵keyObj關(guān)聯(lián)的值");
myMap.set(keyFunc, "和鍵keyFunc關(guān)聯(lián)的值");

獲取Map的大小

myMap.size    // 3

獲取

myMap.get(keyString)   // "和鍵'a string'關(guān)聯(lián)的值"
myMap.get(keyObj)     // "和鍵keyObj關(guān)聯(lián)的值"
myMap.get(keyFunc)      // "和鍵keyFunc關(guān)聯(lián)的值"

是否包含

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

刪除

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

遍歷

myMap.forEach(m=>{console.log(m)})
// 和鍵'a string'關(guān)聯(lián)的值
//  和鍵keyObj關(guān)聯(lián)的值
//  和鍵keyFunc關(guān)聯(lián)的值

獲取迭代器

let entries=myMap.entries()
entries.next().value // 和鍵'a string'關(guān)聯(lián)的值
entries.next().value//  和鍵keyObj關(guān)聯(lián)的值
entries.next().value//   和鍵keyFunc關(guān)聯(lián)的值

獲取 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'關(guān)聯(lián)的值
values.next().value//  和鍵keyObj關(guān)聯(lián)的值
values.next().value//   和鍵keyFunc關(guān)聯(lián)的值

清除

mySet.clear()

關(guān)于ES6中Map的使用方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。