Socket.IO中管理登录用户位置/排序的技术咨询

嘿，你已经成功搭建了基础的Socket.io用户连接追踪逻辑，从控制台输出来看，用户数组row_of_users和登录计数visits都能正常更新，这一步做得很稳！

先把你当前的代码整理成清晰的代码块：

var row_of_users = []; // 用户数组
var visits = 0; // 登录用户计数
io.on('connection', function(socket){
  var user = socket.id;
  visits++;
  row_of_users.push(user);
  console.log(row_of_users);
  // 其他业务逻辑...
});

不过这里有个小细节需要注意：当前的代码只处理了用户连接的情况，没有处理用户断开连接的场景。如果用户刷新页面、关闭浏览器或者网络中断，他们的socket.id会留在row_of_users数组里，导致数组累积无效数据，visits计数也会偏高。

给你补充一个断开连接的处理逻辑，让用户管理更准确：

var row_of_users = [];
var visits = 0;
io.on('connection', function(socket){
  var user = socket.id;
  visits++;
  row_of_users.push(user);
  console.log('当前在线用户：', row_of_users);

  // 监听用户断开连接事件
  socket.on('disconnect', function() {
    // 找到当前用户在数组中的索引
    const userIndex = row_of_users.indexOf(user);
    if (userIndex !== -1) {
      // 从数组中移除该用户
      row_of_users.splice(userIndex, 1);
      visits--;
      console.log('用户断开连接，当前在线用户：', row_of_users);
    }
  });

  // 其他业务逻辑...
});

如果以后你需要给用户关联更多信息（比如用户名、角色），用数组管理会有点低效（查找和删除操作都是O(n)时间复杂度），推荐用Map来替代数组，它的增删查改都是O(1)，更适合用户管理场景：

const userMap = new Map(); // key为socket.id，value可以存储用户详细信息
let visits = 0;

io.on('connection', function(socket){
  const userId = socket.id;
  visits++;
  // 存储用户信息，这里可以扩展更多字段
  userMap.set(userId, {
    id: userId,
    connectedAt: new Date().toLocaleString()
  });
  // 把Map的key转成数组输出在线用户ID
  console.log('当前在线用户：', Array.from(userMap.keys()));

  socket.on('disconnect', function() {
    if (userMap.has(userId)) {
      userMap.delete(userId);
      visits--;
      console.log('用户断开连接，当前在线用户：', Array.from(userMap.keys()));
    }
  });

  // 其他业务逻辑...
});

这样不管是用户连接还是断开，你的用户列表和计数都会保持准确，后续扩展用户信息也更方便～

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