如何检测在线用户列表是否变更？WebSocket聊天系统技术问题

问题描述 #

我正在构建一个简易聊天系统，设有向所有客户端广播在线用户列表的函数。该功能运行正常，但每分钟都会执行一次，即便列表无变化也会发送。我尝试实现检查当前列表与上一次迭代是否有变化的逻辑，但在比较方法上遇到瓶颈。

我的首次尝试代码如下：

var oldUsersList = { type: 'onlineusers', users: [] };

// Update online users list, specially if someone closed the chat window.
function updateOnlineUsers() {
    const message = { type: 'onlineusers', users: [] };

    // Create a list of all users.
    wss.clients.forEach(client => {
        if (client.readyState === WebSocket.OPEN) {
            message.users.push({ id: client.id, text: client.username, date: client.date });
        }
    });
    console.log(oldUsersList);
    console.log('message '+message);
    if(oldUsersList.users==message.users){
        console.log('match');
    }else{
        oldUsersList=message;
        // Send the list to all users.
        wss.clients.forEach(client => {
            if (client.readyState === WebSocket.OPEN) {
                client.send(JSON.stringify(message));
            }
        }); 
    }
}

遇到两个问题：

1. console.log(oldUsersList);会输出{ type: 'onlineusers', users: [] };，看起来JS将其视为字符串，而console.log('message '+message);则如预期输出[object Object]
2. 即便两个数组内容相同，if(oldUsersList.users==message.users)也永远不会返回true

请问检查用户列表是否变更的正确方法是什么？

解决方法 #

关于第一个问题 #

console.log(oldUsersList)展示的是对象的结构，并非把它当成字符串——这是浏览器/Node.js控制台的默认展示方式，用来直观显示对象内容。而'message '+message是通过字符串拼接把对象转成字符串，所有对象转字符串默认都是[object Object]，这属于正常现象，不是代码问题。

关于第二个问题 #

数组是引用类型，==或===比较的是两个数组的内存地址，而非内容。每次调用updateOnlineUsers都会创建新的message.users数组（[]是新数组），所以哪怕内容完全一样，两个数组的引用地址也不同，==永远返回false。

正确的列表变更检查方法 #

推荐两种可靠的方式：

方式1：基于用户唯一ID对比（更高效可靠）

因为用户ID是唯一标识，我们可以：

• 先对比两个用户列表的长度，长度不同直接判定有变化
• 长度相同的话，检查两个列表的用户ID集合是否完全一致

修改后的代码示例：

var oldUsersList = { type: 'onlineusers', users: [] };

function updateOnlineUsers() {
    const message = { type: 'onlineusers', users: [] };

    wss.clients.forEach(client => {
        if (client.readyState === WebSocket.OPEN) {
            message.users.push({ id: client.id, text: client.username, date: client.date });
        }
    });

    // 提取用户ID集合
    const oldUserIds = new Set(oldUsersList.users.map(u => u.id));
    const newUserIds = new Set(message.users.map(u => u.id));

    // 检查是否有变化
    let hasChanged = oldUserIds.size !== newUserIds.size;
    if (!hasChanged) {
        // 长度相同，逐个检查ID是否都存在
        for (const id of newUserIds) {
            if (!oldUserIds.has(id)) {
                hasChanged = true;
                break;
            }
        }
    }

    if (!hasChanged) {
        console.log('用户列表无变化，无需广播');
        return;
    }

    // 列表有变化，更新并广播
    oldUsersList = message;
    wss.clients.forEach(client => {
        if (client.readyState === WebSocket.OPEN) {
            client.send(JSON.stringify(message));
        }
    });
}

方式2：JSON字符串对比（简单但有局限性）

如果用户对象的属性顺序固定，可以把数组转成JSON字符串后对比：

if (JSON.stringify(oldUsersList.users) === JSON.stringify(message.users)) {
    // 无变化
} else {
    // 有变化，执行广播
}

注意：如果用户对象的属性顺序发生变化（比如date和id位置互换），哪怕内容一样，JSON字符串也会不同，导致误判。所以这种方式适合属性顺序完全可控的场景。

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