JS中删除playersNotReady属性为何影响原players对象？如何解决？

嘿，这个问题我之前踩过一模一样的坑！咱们先把背后的原理说透，再给你靠谱的解决办法：

一、现象产生的核心原因 #

在JavaScript里，对象属于引用类型。当你执行var playersNotReady = players;这行代码时，并不是把players对象的内容完整复制一份给playersNotReady，而是让playersNotReady这个变量和players指向了内存中同一个对象。

打个生活化的比方：就像你和朋友各拿了一把钥匙，打开的是同一个房间。不管谁在房间里拿走东西，另一个人打开门看到的都是被改动后的房间。所以你通过playersNotReady删除属性，本质上是修改了那个共享的对象，自然players也会跟着变化。

二、仅删除playersNotReady中玩家的解决方法 #

核心思路是：给playersNotReady创建一个完全独立的对象副本，而不是直接引用原对象。这里分两种场景给你方案：

1. 浅拷贝（适合无嵌套的简单对象） #

如果你的players对象没有嵌套的子对象，用下面两种方法都能搞定：

• 用Object.assign()方法：

  var players = { 1: "Player1", 2: "Player2" };
  var playersNotReady = Object.assign({}, players); // 创建新对象并复制原对象属性
  delete playersNotReady[1];
  console.log(players); // {1: "Player1", 2: "Player2"} 原对象不受影响
  console.log(playersNotReady); // {2: "Player2"}
  

• 用ES6扩展运算符（写法更简洁）：

  var players = { 1: "Player1", 2: "Player2" };
  var playersNotReady = {...players}; // 用扩展运算符快速创建副本
  delete playersNotReady[1];
  console.log(players); // {1: "Player1", 2: "Player2"}
  console.log(playersNotReady); // {2: "Player2"}
  

2. 深拷贝（适合有嵌套结构的对象） #

如果你的对象里还有嵌套的子对象（比如players = {1: {name: "Player1", level: 10}, 2: {...}}），浅拷贝只会复制外层引用，子对象还是共享的。这时候需要用深拷贝，最常用的轻量方法是借助JSON序列化：

var players = { 1: {name: "Player1"}, 2: {name: "Player2"} };
var playersNotReady = JSON.parse(JSON.stringify(players)); // 深拷贝完整对象
delete playersNotReady[1];
console.log(players); // {1: {name: "Player1"}, 2: {name: "Player2"}} 原对象完全不受影响

⚠️ 小提醒：这种JSON序列化的方法不能处理函数、Symbol类型、循环引用的对象，如果你的对象包含这些特殊内容，可以自己实现递归深拷贝逻辑，或者用成熟的第三方工具（比如Lodash的_.cloneDeep）。

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