一、Map是什么？
Map是ES6引入的集合对象，用来保存键值对。相较于传统的对象，Map的优势在于：键可以是任何数据类型，包括对象；Map大小可以很方便的获取；可以很快的遍历它；可以根据指定条件过滤它；可以很方便的添加和删除元素；可避免对象因引用而产生的错误等问题。
二、如何创建和修改Map的值？
创建Map只需要new一个Map对象来实现，其值为一个以数组为元素的集合；修改Map中指定key的值则需要使用set(key,value)方法，如果Map中没有该key，则会添加一个元素；如果已经存在该key，则会更新对应的value值。另外一种替换value的方法是使用Map.prototype.set(key)方法，该方法的好处在于可以链式调用。
const myMap = new Map([
['key1', 'value1'],
['key2', 'value2']
]);
// 使用set方法更新元素
myMap.set('key1', 'new value1');
// 使用set方法添加元素
myMap.set('key3', 'value3');
// 使用Map.prototype.set方法替换value值
myMap.get('key1').set('new value2');
三、如何高效率地对Map进行操作？
在操作Map时，如果没有特殊的需求，应该尽量使用set()方法来更新或添加元素。如果需要遍历Map中的元素，则建议使用for…of语句来遍历，它比使用forEach方法要快。如果需要查询特定元素，则可以使用Map.prototype.has(key)方法来判断具有指定键名的元素是否存在于Map中，然后再进行其他逻辑操作。
const myMap = new Map([
['key1', 'value1'],
['key2', 'value2'],
['key3', 'value3']
]);
// 遍历Map
for (const [key, value] of myMap) {
console.log(`${key}:${value}`);
}
// 查询Map中具有指定键名的元素是否存在
if (myMap.has('key1')) {
console.log('key1 is found.');
}
四、如何修改Map中某个指定key的值？
在修改Map中某个指定key的value时，可以直接使用set()方法来更新或添加元素。另外一种方法是直接将Map转为数组，然后使用数组的map()方法完成修改操作。但是需要注意的是，转为数组会造成额外的时间和空间复杂度，因此建议在某些特殊情况下才使用这种方法。
const myMap = new Map([
['key1', 'value1'],
['key2', 'value2'],
['key3', 'value3']
]);
// 使用set方法更新元素
myMap.set('key1', 'new value1');
// 转为数组，使用map方法修改元素
const myArray = Array.from(myMap);
const newArray = myArray.map(([key, value]) => {
if (key === 'key2') {
return [key, 'new value2'];
}
return [key, value];
})
const newMap = new Map(newArray);
五、完整代码示例：
// 创建Map
const myMap = new Map([
['key1', 'value1'],
['key2', 'value2'],
['key3', 'value3']
]);
// 使用set方法更新元素
myMap.set('key1', 'new value1');
// 使用set方法添加元素
myMap.set('key4', 'value4');
// 使用Map.prototype.set方法替换value值
myMap.get('key1').set('new value2');
// 遍历Map
for (const [key, value] of myMap) {
console.log(`${key}:${value}`);
}
// 查询Map中具有指定键名的元素是否存在
if (myMap.has('key1')) {
console.log('key1 is found.');
}
// 使用set方法更新元素
myMap.set('key2', 'new value2');
// 转为数组，使用map方法修改元素
const myArray = Array.from(myMap);
const newArray = myArray.map(([key, value]) => {
if (key === 'key2') {
return [key, 'new value2'];
}
return [key, value];
})
const newMap = new Map(newArray);
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/279155.html
微信扫一扫 
支付宝扫一扫 