目錄

• JS中的Map對象
• JS中Map和普通對象
• Map對象
• Object對象
• Objects 和 maps 的比較
• 總結(jié)

JS中的Map對象

1.js創(chuàng)建map對象

var map = new Map();

2.將鍵值對放入map對象

map.set("key",value)
map.set("key1",value1)
map.set("key2",value2)

3.根據(jù)key獲取map值

map.get(key)

4.刪除map指定對象

delete map[key]

或

map.delete(key)

5.循環(huán)遍歷map

map.forEach(function(key){
　　console.log("key",key) ?//輸出的是map中的value值
})

JS中Map和普通對象

Map對象

Map 對象保存鍵值對。任何值(對象，數(shù)組，字符串，數(shù)值，布爾，null，undefined) 都可以作為一個(gè)鍵或一個(gè)值。

一個(gè)Map對象在迭代時(shí)會根據(jù)對象中元素的插入順序來進(jìn)行 — 一個(gè) for...of 循環(huán)在每次迭代后會返回一個(gè)形式為[key，value]的數(shù)組。

Object對象

Object 構(gòu)造函數(shù)創(chuàng)建一個(gè)對象包裝器。內(nèi)容為成對的名稱（字符串）與值（任何值），其中名稱通過冒號與值分隔。

Objects 和 maps 的比較

Objects 和 Maps 類似的是，它們都允許你按鍵存取一個(gè)值、刪除鍵、檢測一個(gè)鍵是否綁定了值。因此（并且也沒有其他內(nèi)建的替代方式了）過去我們一直都把對象當(dāng)成 Maps 使用。不過 Maps 和 Objects 有一些重要的區(qū)別，在下列情況里使用 Map 會是更好的選擇：

MapObject意外的鍵Map 默認(rèn)情況不包含任何鍵。只包含顯式插入的鍵。一個(gè) Object 有一個(gè)原型, 原型鏈上的鍵名有可能和你自己在對象上的設(shè)置的鍵名產(chǎn)生沖突。注意: 雖然 ES5 開始可以用 Object.create(null) 來創(chuàng)建一個(gè)沒有原型的對象，但是這種用法不太常見。鍵的類型一個(gè) Map的鍵可以是任意值，包括函數(shù)、對象或任意基本類型。一個(gè)Object 的鍵必須是一個(gè) String 或是Symbol。鍵的順序Map 中的 key 是有序的。因此，當(dāng)?shù)臅r(shí)候，一個(gè) Map 對象以插入的順序返回鍵值。一個(gè) Object 的鍵是無序的注意：自ECMAScript 2015規(guī)范以來，對象確實(shí)保留了字符串和Symbol鍵的創(chuàng)建順序； 因此，在只有字符串鍵的對象上進(jìn)行迭代將按插入順序產(chǎn)生鍵。SizeMap 的鍵值對個(gè)數(shù)可以輕易地通過size 屬性獲取Object 的鍵值對個(gè)數(shù)只能手動(dòng)計(jì)算迭代Map 是 iterable 的，所以可以直接被迭代。迭代一個(gè)Object需要以某種方式獲取它的鍵然后才能迭代。性能在頻繁增刪鍵值對的場景下表現(xiàn)更好。在頻繁添加和刪除鍵值對的場景下未作出優(yōu)化。

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持。