一、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);