修改复制的数组而不修改原始数组js

Question

function checkCashRegister(price, cash, cid) {
  let payBackAmount = cash - price;
  let tempArr = cid.slice();

  for (let i = 0; i < tempArr.length; i++) {
    tempArr[i][1] = 0;
  }
  console.log("cid is", cid);
}
checkCashRegister(19.5, 20, [
  ["PENNY", 1.01],
  ["NICKEL", 2.05],
  ["DIME", 3.1],
  ["QUARTER", 4.25],

  ["ONE", 90],
  ["FIVE", 55],
  ["TEN", 20],
  ["TWENTY", 60],
  ["ONE HUNDRED", 100],
]);

在这里，我试图从参数化的 function 中复制一个数组。 cid是我试图在 function 中传递的数组，我试图将它复制到tempArr中。 稍后在修改tempArr的值时， cid的值也会发生变化。 我也尝试使用let tempArr=[...cid]和let tempArr=cid.slice(0)复制值

Answer 1

在上面的代码中，当您将一个数组复制到另一个数组时，javascript 中的切片方法和扩展运算符执行浅拷贝，对于您的用例，您可能想要对 object 进行深度克隆，您可以let tempArr = JSON.parse(JSON.stringify(cid)) ，您也可以使用deepClone的 deepClone 来深度克隆 object

也请看这个线程深拷贝和浅拷贝有什么区别？ 了解更多关于浅克隆和深克隆