0x000 概述

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

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

0x001 初始化

new Map([iterable])

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

• 數(shù)組

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

0x002 添加

和對象作為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)的值");

0x003 獲取Map的大小

myMap.size // 3

0x004 獲取

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)的值"

0x005 是否包含

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

0x006 刪除

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

0x007 遍歷

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

0x008 獲取迭代器

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)的值

0x009 獲取 key 迭代器

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

0x010 獲取 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)的值

0x011 清除

mySet.clear()

總結(jié)

以上是生活随笔為你收集整理的es6基础0x012：Map的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。