算法使用
Map
还算是不少的,日常开发也可使用new Map
替代某些数组操作,活到老学到老
JavaScript的对象
(Object)
,本质上是键值对的集合(Hash结构)
,但是传统上只能用字符串当作键。这给它的使用带来了很大的限制
为了解决这个问题,ES6提供了Map数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键
const map = new Map();
如果
Map
的键是一个简单类型的值(数字、字符串、布尔值),则只要两个值严格相等,Map
将其视为一个键,包括0和-0
。另外,虽然NaN不严格相等于自身,但Map将其视为同一个键
// new Map([key, value], [key, value]...);
const mapObj = new Map([[1,1],[2,2]]); //默认带初始化参数的定义
console.log(mapObj.size); // size属性返回Map结构的成员总数: 2
set
方法设置key
所对应的键值,然后返回整个Map
结构。如果key
已经有值,则键值会被更新,否则就新生成该键
// 常用写法
let obj = new Map();
obj.set("age", 20);
obj.set(0, "attack_type");
obj.set(undefined, "definition");
get
方法用于返回某个键对应的值。如果该键不存在,则返回undefined
let obj = new Map();
obj.set("hello", 'Hello ES6!');
obj.get('hello'); // Hello ES6!
obj.get('word');
console.log(obj.get('word')); // undefined
has
方法返回一个布尔值,表示该Map
对象是否包含某个键
let obj = new Map();
obj.set("hello", 'Hello ES6!');
obj.has('hello'); // true
obj.has('word'); // false
delete
方法用于删除某个键,如果该键存在,则返回true
,否则返回false
let obj = new Map();
obj.set("hello", 'Hello ES6!');
obj.delete('hello'); // true
obj.delete('word'); // false
clear
方法用于删除Map
对象中的所有成员
let obj = new Map();
obj.set("hello", 'Hello ES6!');
obj.clear();
Map.prototype.keys()
: 返回一个新的Iterator
对象,包含Map
中所有的键
const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');
for (const key of myMap.keys()) {
console.log(key);
}
Map.prototype.values()
: 返回一个新的 Iterator
对象,包含 Map
中所有的值
const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');
for (const value of myMap.values()) {
console.log(value);
}
Map.prototype.entries()
: 返回一个新的Iterator
对象,包含Map中所有的[键,值]
数组
const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');
for (const [key, value] of myMap.entries()) {
console.log(key + ": " + value);
}
for (const item of myMap.entries()) {
console.log(item);
}
Map.prototype.forEach()
: 传入一个函数,该函数被调用,传入当前的键和值,以及Map
对象本身
const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');
myMap.forEach((value, key, map) => {
console.log(key, value, map);
});
返回一个字符串,该字符串包含一个由所有键值对组成的字符串,每个键值对由一个逗号分隔的字符串组成
const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');
Map.prototype.toString = function() {
let result = '';
for (const [key, value] of this.entries()) {
result += `${key}: ${value}\n`;
}
return result;
};
console.log(myMap.toString());
在调用 valueOf
方法时,Map
对象会返回自身的原始值
const myMap = new Map();
myMap.set("obj", { a: 1, b: 2 })
console.log(myMap.valueOf()); // 返回 Map 对象本身