JavaScript/Node.js：如何将数组元素存入Map？每次调用add添加用户名

你的代码核心问题在于：每次调用localHashMap.set('users', { 'user': username })时，都会覆盖Map中'users'键对应的旧值——因为Map的键是唯一的，同一个键只能绑定一个值。所以不管调用多少次add()，Map里永远只会保留最后一次添加的用户对象。

根据你的需求，有两种实用的实现方式：

方式一：用用户名作为Map的键（适合快速查找单个用户的场景） #

如果需要单独存储每个用户，且希望通过用户名快速查找，可以把用户名作为Map的键，值存储对应的用户对象（或直接存用户名，按需选择）：

let localHashMap = new Map();
let arr = ['aaa', 'bbb', 'ccc', 'ddd', 'eee', 'fff'];

function add(arrayNumber) {
    addToMap(arr[arrayNumber]);
}

function addToMap(username) {
    // 用用户名作为唯一键，存储用户对象
    localHashMap.set(username, { user: username });
    
    // 遍历验证所有存储的用户
    for (const [key, value] of localHashMap) {
        console.log(value);
    }
}

调用add(0)、add(2)后，Map里会同时保留'aaa'和'ccc'对应的用户对象，不会互相覆盖。

方式二：将'users'对应的值设为数组（适合批量存储所有用户的场景） #

如果希望把所有用户集中存在同一个'users'键下，需要先将该键的值初始化为数组，每次添加时往数组里追加新的用户对象，而非直接覆盖：

let localHashMap = new Map();
// 提前初始化'users'键对应的空数组
localHashMap.set('users', []);
let arr = ['aaa', 'bbb', 'ccc', 'ddd', 'eee', 'fff'];

function add(arrayNumber) {
    addToMap(arr[arrayNumber]);
}

function addToMap(username) {
    // 获取当前的用户数组
    const usersArray = localHashMap.get('users');
    // 追加新的用户对象
    usersArray.push({ user: username });
    // 显式更新Map中的数组（数组是引用类型，不重新set也生效，显式操作更清晰）
    localHashMap.set('users', usersArray);
    
    // 输出所有存储的用户
    console.log(...usersArray);
}

调用add(5)、add(3)后，'users'对应的数组会包含{user: 'fff'}和{user: 'ddd'}，完全符合你想要的输出效果。

补充说明：Map的添加操作确实使用set()方法，你之前的方法选择是正确的，JavaScript/Node.js的Map并没有add()或put()方法。

内容的提问来源于stack exchange，提问作者user2730288