Socket.io中并发调用数组元素移除函数时如何保证数组正确更新？

首先先修正你代码里的两个基础问题：

• 变量名写错了：array.filter应该是rooms.filter
• 你只生成了过滤后的数组，但没把结果赋值回rooms；而且原rooms是const声明的，没法修改，得改成let

但核心问题是并发修改的竞态条件：当两个用户同时触发disconnect回调时，两个回调都会先读取当前的rooms数组状态，各自过滤后再赋值回去，最后后执行的那个会覆盖前一个的修改，导致其中一个用户的移除操作丢失。

下面给你两种靠谱的解决办法：

方法一：用串行队列确保修改操作有序执行 #

把所有修改rooms的操作放进一个Promise队列里，让它们依次执行，避免同时读取旧状态：

// 改成let才能修改数组引用
let rooms = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
// 初始化一个空的Promise队列，用于串行化操作
let updateQueue = Promise.resolve();

// 封装串行修改的工具函数
function updateRooms(operation) {
  updateQueue = updateQueue.then(() => {
    return Promise.resolve(operation());
  });
  return updateQueue;
}

socket.on('disconnect', () => {
  updateRooms(() => {
    rooms = rooms.filter(e => e !== socket.id);
    console.log("room updated", rooms);
  });
});

这样每次修改都会等前一个修改完成后再执行，不会出现基于旧数组状态修改的问题。

方法二：用Map替代数组（更高效简洁） #

数组的过滤赋值本质是生成新数组，而Map的delete操作是原地原子性的（JavaScript单线程环境下，同一时间只能执行一个delete操作，不会被打断），完全避免竞态问题：

// 用Map存储房间/用户ID，键就是目标ID
const rooms = new Map([
  [1, true],
  [2, true],
  [3, true],
  [4, true],
  [5, true],
  [6, true],
  [7, true],
  [8, true],
  [9, true],
  [0, true]
]);

socket.on('disconnect', () => {
  // 直接删除对应的ID，操作是原子性的
  rooms.delete(socket.id);
  // 需要数组格式的话转一下即可
  console.log("room updated", Array.from(rooms.keys()));
});

这种方式不仅解决了并发问题，而且删除操作的时间复杂度从数组的O(n)降到了O(1)，性能更优。

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