PHP前端开发

js中map的用法

百变鹏仔 3天前 #JavaScript
文章标签 js
javascript 中的 map 是一种存储键值对的对象,它允许使用任何数据类型作为键,并提供了便利的方法来迭代、获取、添加和删除键值对。map 中的键是唯一的,重复的键会覆盖先前的值。

JavaScript 中 Map 的用法

什么是 Map?

Map 是 JavaScript 中内置的对象,用于存储键值对。与对象类似,Map 也将键映射到值,但它具有额外的功能和优势。

Map 的特点

创建和操作 Map

要创建 Map,可以使用 new Map() 构造函数或 Map 类:

const myMap = new Map();  // 创建空 Mapconst myMap2 = new Map([['a', 1], ['b', 2]]);  // 创建包含键值对的 Map

添加键值对:使用 set() 方法添加键值对:

myMap.set('c', 3);

获取值:使用 get() 方法获取与键关联的值:

console.log(myMap.get('a'));  // 输出 1

删除键值对:使用 delete() 方法删除键值对:

myMap.delete('c');

检查键是否存在:使用 has() 方法检查键是否存在:

console.log(myMap.has('b'));  // 输出 true

迭代 Map

使用 forEach() 方法迭代 Map 键值对:

myMap.forEach((value, key) => {  console.log(`Key: ${key}, Value: ${value}`);});

或者,使用 keys()values() 方法单独迭代键和值:

for (const key of myMap.keys()) {  console.log(key);}for (const value of myMap.values()) {  console.log(value);}