Javascript变量在更改后修复最后一个值

Question

这是我的训练:

    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    document.getElementById("demo").innerHTML = fruits;
    
    function myFunction() {
        var fruits2 = fruits;
        fruits2.reverse();
        document.getElementById("demo").innerHTML = fruits+'<br>'+fruits2;
    }

<p>Click the button to reverse only last array (fruits2).</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

当我反转fruits2时，我的第一个变量(fruits)也会改变，

我只是不想这样!我想一定很容易

Answer 1

fruits2 = fruits 表示 fruits2 现在是同一对象 - 不是 fruits 的副本，而是与 fruits 相同的对象。

这就像给您的 friend Harry 起个绰号，比如 Maddog。当你打 Maddog 时，Harry 也会生气。他们不是两个独立的人，他们是一个人，有两种称呼他的方式。

如果你想把它们分开，你需要克隆你的阵列。复制数组最简单的方法是使用 slice:

 var fruits2 = fruits.slice()