【前端】js中Map的用法

Map

Map是一组键值对结构，具有极快的查找速度。

1. 创建

方法一：创建的时候初始化let mapObj = new Map([ ['x', 1], ['y', 2], ['z', 3], ]) console.log(mapObj.size) // 3 方法二：创建空Map，之后添加元素let mapObj = new Map(); mapObj.set('x', 1); mapObj.set('y', 2); mapObj.set('z', 3); // 注：Map对象的长度不是length，而是size。 console.log(mapObj.size) // 3

2. 基础操作

Map对象的创建、添加元素、删除元素…

let mapObj = new Map(); mapObj.set('x', 1); // 添加元素 mapObj.delete('y'); // 删除指定元素 mapObj.has('x'); // true 是否存在x mapObj.get('x'); // 1 取值

3. 遍历

forEach 同数组的forEach遍历，三个参数分别代表：value、key、map本身。let mapObj = new Map(); mapObj.set('x', 1); mapObj.set('y', 2); mapObj.set('z', 3); mapObj.forEach((value, key, self) => { console.log(key,'=>', value) }); /* 输出结果： x => 1 y => 2 z => 3 */ for-oflet mapObj = new Map(); mapObj.set('x', 1); mapObj.set('y', 2); mapObj.set('z', 3); // 注意：for-of遍历出来的是一个数组，其中item[0]为key，item[1]为value。 for (const item of mapObj) { console.log(item); } /* 输出结果： ["x", 1] ["y", 2] ["z", 3] */

4. 应用

去重let map = new Map(); for (let i = 0; i <= 9; i++) { map.set(i, i); } for (let j = 6; j <= 12; i++) { map.set(j, j); } console.log(map.size);// 13