JS Map添加元素的方法|极客笔记

JS Map添加元素的方法

在JavaScript中，我们经常会使用Map对象来存储键值对。Map对象是一种有序的键值对集合，其中的键和值既可以是任意数据类型，也可以是任意对象。

在本文中，我们将详细介绍在JavaScript中如何向Map对象中添加元素的方法。在之前的文章中我们已经介绍了如何创建一个Map对象和获取Map中的元素，现在我们将重点讨论如何向Map中添加元素。

Map对象简介

Map对象是ES6引入的一种新的数据结构，它提供了一个简单而高效的方法来存储键值对。Map对象中的键是唯一的，每个键对应一个值。

下面是一个简单的示例，展示了如何创建一个Map对象和向其中添加元素：

// 创建一个空的Map对象
let myMap = new Map();

// 添加元素
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

Map对象添加元素的方法

set(key, value)

set() 方法用于在Map对象中添加一个新的元素，接受两个参数：键和值。如果Map对象中已经存在相同的键，则会将原先的值覆盖掉。

下面是一个示例代码：

let myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

// 输出Map对象中所有的键值对
for (let [key, value] of myMap) {
  console.log(key + ' = ' + value);
}

运行上面的代码，将会输出：

key1 = value1
key2 = value2

使用链式调用

在向Map对象中添加元素时，我们也可以使用链式调用的方式，这样代码会更加简洁和易读。

let myMap = new Map()
  .set('key1', 'value1')
  .set('key2', 'value2');

// 输出Map对象中所有的键值对
for (let [key, value] of myMap) {
  console.log(key + ' = ' + value);
}

批量添加元素

如果我们需要一次性向Map对象中添加多个元素，可以使用扩展运算符（...）和数组的forEach()方法。

let myMap = new Map();
let entries = [['key1', 'value1'], ['key2', 'value2'], ['key3', 'value3']];

entries.forEach(([key, value]) => {
  myMap.set(key, value);
});

// 输出Map对象中所有的键值对
for (let [key, value] of myMap) {
  console.log(key + ' = ' + value);
}