我正在进行聊天并使用数组来保存用户。这是我的问题：
User1 加入并通过推送获得数组中的索引 0。 User2 加入并通过 push 获得数组中的索引 1。
User1 断开连接并通过拼接移除。
现在 User2 变为索引 0。
User1 重新连接并通过推送获得索引 1。
User2 断开连接，索引 1 被删除，现在是 User1。
这当然会引起问题。
所以我的问题是如何在不改变其他元素索引的情况下从数组中删除项目？我是不是走错了路？
【问题讨论】：
标签： javascript arrays indexing
为什么不直接将值设置为null 或undefined，而不是使用splice() 从数组中删除项目？
然后，当您添加新用户时，您只需扫描数组即可找到第一个可用插槽。
javascript 数组只是项目的列表——它们并不像您在 PHP 中所熟悉的那样与特定的键绑定。因此，如果您想在数组中保持相同的位置，则不能删除其他项目 - 您需要保留它们，并将它们标记为空。
您可能会浏览以下内容：
var users = [];
function addUser(user) {
var id = users.indexOf(null);
if (id > -1) {
// found an empty slot - use that
users[id] = user;
return id;
} else {
// no empty slots found, add to the end and return the index
users.push(user);
return users.length - 1;
}
}
function removeUser(id) {
users[id] = null;
}
【讨论】：
null 来“清除”一个插槽，您可以使用yourArray.indexOf(null) 获取第一个可用插槽的索引。如果它返回-1，这意味着没有空条目，那么你可以.push()。
indexOf。
使用delete 代替splice。
> a = ['1', '2', '3']
< Array [ "1", "2", "3" ]
> delete a[1]
< true
> a
< Array [ "1", undefined × 1, "3" ]
> a.length
< 3
【讨论】：
a.filter(x=>x).length 将给出长度为 2
另一种选择是使用 javascript 对象而不是数组。
类似这样的：
var users = {};
users[1] = 'user 1';
users[2] = 'user 2';
delete users[1];
alert(users[2]); // alerts "user 2"
alert(typeof users[1]); // alerts "undefined"
您丢失了数组 length 属性，因此您必须自己跟踪最大用户数。
【讨论】：
我确信有多种解决方案可以根据您的具体情况发挥作用。我有一个使用 React 的项目，并且在将数组中的对象设置为未定义时遇到了类似的问题，因为在代码的其他地方我会收到类似 cannot find {key} of undefined 的错误...null 也发生了同样的情况...我的解决方案现在可以正常工作的方法是简单地重新创建整个数组，在我的情况下我可以这样做，因为它不是一个超长的列表。已更改以符合您的描述：
let newUsers = [];
users.forEach((u, i) => {
if (u.isOnline) newUsers[i] = u;
});
this.setState({ users: newUsers });
...类似的东西。就我而言，我有一个选定食谱的列表。如果食谱从食谱的整体列表中删除，这会将其从选择列表中删除，其中选定的索引指示它是哪个“课程”（即开胃菜、主菜、甜点），因此索引很重要。
另一种解决方案是使用您的用户 ID 作为数组的索引。当用户上线时可以设置onlineUsers[user.ID] = user //or true or user.Name or whatever
【讨论】：
删除数组元素而不面临重新索引问题
var ind=[1,6]; //index positions of elements to remove
var arr=['a','b','c','d','e','f','g']; // actual array
var arr2 = arr.filter(function(item,index){
if(ind.indexOf(index)== -1){
return true;
}});
现在 arr2 是 ==========>> ['a','c','d','e','f']
【讨论】：