0x000 概述

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

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

0x001 初始化

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}

0x002 添加

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

0x003 獲取Map的大小

myMap.size // 3

0x004 獲取

myMap.get(keyString) // "和鍵'a string'關聯的值" myMap.get(keyObj) // "和鍵keyObj關聯的值" myMap.get(keyFunc) // "和鍵keyFunc關聯的值"

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'關聯的值 // 和鍵keyObj關聯的值 // 和鍵keyFunc關聯的值

0x008 獲取迭代器

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

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'關聯的值 values.next().value// 和鍵keyObj關聯的值 values.next().value// 和鍵keyFunc關聯的值

0x011 清除

mySet.clear()

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。