如何将socket.id与数组项关联?

我正在尝试建立一个聊天室,其中在“在线用户”部分中显示了已连接用户的名称。

下面的代码会将每个用户的姓名添加到数组中,并显示该数组的内容。

但是,如果用户离开,则不会从阵列中删除其用户名。如果弹出数组,则可能无法删除正确的用户名。这使我认为我应该以某种方式将套接字ID与给定的用户名相关联,并创建一个断开事件,该事件从阵列中删除正确的用户名,并显示阵列的更新版本。我如何更改此代码以合并此代码?

script.js:

var user = user;
if (!user) {
  user = prompt('Please choose a username:');
  if (!user) {
    alert('Your name has been set to "Anonymous"');
    user = "Anonymous"
        items.push(user);
  } else {
      alert('Your name has been set to "'+ user +'"');
  } 
}

socket.emit('theitems', user);

socket.on('theitems', function (data) {
      $('.dispUser').html(data);
      console.log(data);
    });

server.js:

var newitems = [];
server(socket('theitems', ctx => { newitems.push(ctx.data); console.log(ctx.data); ctx.io.emit('theitems', newitems); }));