【ES6 Map数据结构】建议日常开发操作数组时使用 new Map

ES6Map数据结构详解：属性、方法与应用

原创

已于 2025-03-14 00:41:55 修改 · 1k 阅读

CC 4.0 BY-SA版权

文章标签：

于 2024-01-15 09:49:32 首次发布

本文详细介绍了ES6中Map数据结构的特点、使用方法，包括size属性、set/get(has/delete)/clear方法，以及keys/values/entries/forEach遍历方法。Map与JavaScript对象对比，强调了其键值对范围的灵活性和在开发中的应用价值。

算法使用 Map 还算是不少的，日常开发也可使用 new 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'