JavaScript Map 和 Set

Posted 2020-11-14 刘哇勇的部落格

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript Map 和 Set相关的知识，希望对你有一定的参考价值。

结论

Map：存放键值对，区别于 Object，键可以是任何值。
Set：存放不重复的值

Map

存储键值对，读取时与插入顺序一致。

var map = new Map([[1, "1"], [3, "3"], [2, "2"]]);
map.set("foo", "bar");

for (const [key, val] of map) {
  console.log(key, val);
}

输出：

1 ‘1‘
3 ‘3‘
2 ‘2‘
foo bar

任何值，对象或原始值，都可作为 Map 的键。

var myMap = new Map();

var keyString = ‘a string‘,
    keyObj = {},
    keyFunc = function() {};

// setting the values
myMap.set(keyString, "value associated with ‘a string‘");
myMap.set(keyObj, ‘value associated with keyObj‘);
myMap.set(keyFunc, ‘value associated with keyFunc‘);

myMap.size; // 3

// getting the values
myMap.get(keyString);    // "value associated with ‘a string‘"
myMap.get(keyObj);       // "value associated with keyObj"
myMap.get(keyFunc);      // "value associated with keyFunc"

myMap.get(‘a string‘);   // "value associated with ‘a string‘"
                         // because keyString === ‘a string‘
myMap.get({});           // undefined, because keyObj !== {}
myMap.get(function() {}); // undefined, because keyFunc !== function () {}

相比 Object，除了对可作为键的值没要求外，Map 自带遍历器（iterator），可对其使用 for of 语句。

同时还自带一些便捷的属性和方法，比如 size，clear()。

Set

存储唯一的值，对于重复的值会被忽略。

示例：

var obj = { a: 1, b: 2 };
var set = new Set([1, 2, 2, "foo"]);
set.add(obj);
set.add(obj);

console.log("size:", set.size);
console.log(set.has(2));
console.log(set.has(obj));

for (const val of set) {
  console.log(val);
}

输出：

4
true
true
1
2
foo
{ a: 1, b: 2 }

JavaScript Map 和 Set

结论

Map

Set

相关资源