javascript - JavaSript：为什么我的代码要修改原始数据对象上的对象数组？

Question

我有这段代码应该避免修改原始数据对象“信息”对象数组，但它确实如此！尽管它正在处理这个数组的副本？！我需要保持原始数据对象不变，否则每次调用函数时我都会不断修改数据对象，就好像它们链接在一起一样？！

    const data = {
    owner: "John Doe",
    info: [
      {
        employeeId: 123000456,
        firstName: "Alex",
        lastName: "Mckenna",
        email: "[e-mail]",
        salary: 48000,
        department: "Art and Media",
      },
      {
        employeeId: 123000777,
        firstName: "Devon",
        lastName: "Foley",
        email: "[e-mail]",
        salary: 75000,
        department: "Advertising",
      },
      {
        employeeId: 123000894,
        firstName: "Riley",
        lastName: "Couch",
        email: "[e-mail]",
        salary: 33000,
        department: "Shipping",
      },
      {
        employeeId: 123000533,
        firstName: "Cara",
        lastName: "Eramchuk",
        email: "[e-mail]",
        salary: 39000,
        department: "Accounting",
      },
      {
        employeeId: 123000721,
        firstName: "Cole",
        lastName: "Tilbury",
        email: "[e-mail]",
        salary: 43000,
        department: "Accounting",
      },
      {
        employeeId: 123000832,
        firstName: "Bree",
        lastName: "Northam",
        email: "[e-mail]",
        salary: 61000,
        department: "Shipping",
      },
      {
        employeeId: 123000271,
        firstName: "Mark",
        lastName: "Miller",
        email: "[e-mail]",
        salary: 55000,
        department: "Sales",
      },
      {
        employeeId: 123000442,
        firstName: "Jenna",
        lastName: "McEvoy",
        email: "[e-mail]",
        salary: 40000,
        department: "Sales",
      },
    ],
  };
  

const myCompany = {
  renameProp(arr, old, neu) {
    const modified = arr.map((obj) => {
      if (old in obj) {
        obj[neu] = obj[old];
        delete obj[old];
        return obj;
      } else {
        return `property, ${old}, doesn't exist for employee ${obj["firstName"]} ${obj["lastName"]}`;
      }
    });
    return modified;
  },
  sortCopy(arr, prop) {
    try {
      const copied = Array.from(arr);
      copied.sort((a, b) => {
        if (typeof a[prop] === "string" && typeof b[prop] === "string") {
          if (a[prop].toLowerCase() > b[prop].toLowerCase()) return 1;
          else if (b[prop].toLowerCase() > a[prop].toLowerCase()) return -1;
          else return 0;
        } else {
          if (a[prop] > b[prop]) return 1;
          else if (b[prop] > a[prop]) return -1;
          else return 0;
        }
      });
      return copied;
    } catch (err) {
      return err.message;
    }
  },
};

console.log(myCompany.renameProp(data.info, "salary", "wage"));
console.log("\n\n", myCompany.renameProp(data.info, "firstName", "name"));

console.log("\n", "examples of second function: ", "\n");

console.log(
  "sorted by employeeId: \n\n",
  myCompany.sortCopy(data.info, "employeeId")
);
console.log(
  "\n sorted by first name: \n\n",
  myCompany.sortCopy(data.info, "firstName")
);

console.log("\n\n original array \n\n", data);

标签： javascriptarraysfunctionobject