WebSocket事件中关联数组内数组slice方法失效问题求助

我一眼就发现问题所在啦！你遇到的核心问题是对数组slice()方法的特性理解有误：

slice()方法的作用是返回原数组的一个子数组副本，它不会修改原数组本身。所以你在WebSocket事件回调里直接调用slice(data.handIndex,1)，只是得到了一个新的子数组，但没有把这个新数组赋值回原属性，原hand数组自然不会有任何变化。

至于你说在函数外执行类似代码能正常工作，大概率是你在测试时无意中做了赋值操作（比如把slice的返回值重新赋值给了hand），或者有其他配套逻辑，而在WebSocket回调里漏掉了这一步。

正确的解决方案 #

如果你想要删除原数组中指定位置的元素，应该使用会直接修改原数组的splice()方法。它的参数格式是：splice(起始索引, 要删除的元素个数)。

修改后的代码如下：

socket.on('event', function(data){ 
  GAMES_LIST[data.gameId].playerData[data.someUsername].hand.splice(data.handIndex, 1); 
});

补充说明 #

如果你确实需要使用slice()（比如只是想获取子数组而非修改原数组），那必须把返回值重新赋值给原数组，比如：

socket.on('event', function(data){ 
  const targetHand = GAMES_LIST[data.gameId].playerData[data.someUsername].hand;
  // 比如截取从handIndex开始的1个元素，替换原数组
  GAMES_LIST[data.gameId].playerData[data.someUsername].hand = targetHand.slice(data.handIndex, data.handIndex + 1);
});

但根据你的描述，你的需求应该是修改原数组，所以第一种用splice()的方案才是正确的。

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