使用 Javascript 切片更新旧值 [重复]

Question

我正在尝试编写一个函数，该函数从多维数组 (myArray) 中选择一个随机条目，将其保存到一个新变量 (myTempArray) 并使用 id 号 (计数器) 更新第一个条目。

当我更改 mytempArray[0][0][0] 的值时，它也会更新 myArray 中的等效值。我不希望这些值改变。

如何阻止这种情况发生？切片是错误的使用方法吗？如果是这样，我如何复制原始数组条目以便我可以修改它并在其他地方使用？代码如下：

var myArray = [
[[0, "Description 1", 0, 0, 1, 6, 0, 0, 0, true, 0]],
[[0, "Description 2", 0, 0, 1, 6, 0, 0, 0, true, 0]],
[[0, "Description 3", 0, 0, 1, 6, 0, 0, 0, true, 0]],
];

function randomNumber (min, max) {
return Math.floor((Math.random() * max) + min);
};

counter = 1;

function myfunction(){

myrand = randomNumber(0,myArray.length-1); 
mytempArray = myArray.slice(myrand,myrand+1);
mytempArray[0][0][0] = counter;
counter++;
};

myfunction();

Answer 1

请记住，slice 仅适用于结构中的一个级别。如果你想要一个深副本，你必须自己实现。

function myfunction() {
    var myrand = randomNumber(0, myArray.length - 1);
    var mytempArray = myArray.slice(myrand, myrand + 1); // <== Only copies one level
    mytempArray[0] = mytempArray[0].slice();             // <== Copy the next
    mytempArray[0][0] = mytempArray[0][0].slice();       // <== And the next
    mytempArray[0][0][0] = counter;
    // Presumably do something with `mytempArray` or return it
    counter++;
}

请参阅下文，了解我在其中所做的其他一些更改。

---

一些旁注：

• 除非您在未显示的地方声明myrand 和mytempArray，否则您的代码将成为The Horror of Implicit Globals* 的牺牲品。请务必声明您的变量。
• 函数声明（相对于函数表达式）的末尾不需要;。 ; 是语句终止符。声明不是陈述。

---

* （这是我贫血的小博客上的帖子）