为什么for循环修改行中未引用的附加变量(Javascript)

Why is for loop modifying an additional variable not referenced in the line (Javascript)?

本文关键字:变量 Javascript 引用 循环 for 修改 为什么      更新时间:2023-09-26

我设置了两个全局变量:

var topList = {
    a: {},
    b: {},
    c: {},
    d: {},
    e: {}
}
var compare = {
    a: {},
    b: {},
    c: {},
    d: {},
    e: {}
}

我有一个函数来填充它们中的每一个,然后使用for循环来交换compare变量中的a对象。然后它调用一个函数来比较新的comparetopList,并返回两者中较好的(因此将topList设置为两者中较好:

function optimize(data){
    var rawList = data.slice();
    var aList = $.grep(rawList, function(e) { return e.position == "A" });
    var bList = $.grep(rawList, function(e) { return e.position == "B" });
    var cList = $.grep(rawList, function(e) { return e.position == "C" });
    var dList = $.grep(rawList, function(e) { return e.position == "D" });
    var eList = $.grep(rawList, function(e) { return e.position == "E" });
    topList.a = aList[0];
    topList.b = bList[0];
    topList.c = cList[0];
    topList.d = dList[0];
    topList.e = eList[0];
    compare = topList;
    for (i = 0, len = aList.length; i < len; i++) {
        compare.a = aList[i];
        topList = best(topList, compare);
    }
}

出于某种原因,当执行行compare.a = aList[i];时,它似乎不仅交换了compare变量中的a对象,而且还交换了topList变量中的a对象。因此,我总是通过我的"最佳"函数发送两个相同的列表,这使得它毫无用处。

我是新手。如有任何帮助,我们将不胜感激!

为了简单地解释,当你这样做时:

var x = {};

您获取一个空对象并将其指定给x

如果你这样做:

var y = x;

您正在获取相同的对象,并将其分配给y

从那时起,如果你这样做…

y.foo = 'bar';

你会发现。。。

alert(x.foo); // bar (!)

这被称为引用赋值,这就是JavaScript中对象的情况(注意数组也是对象,具有预定义的方法)。

相反的是按值赋值,即将值复制到新变量中。

所以,因为你有一个参照作业,你在一个地方所做的改变会影响另一个地方。您需要使用复制函数来获得一个新对象,该对象与第一个对象无关,具有相同的值。

因为compare是对topList的引用。你不需要放

compare =topList;

简单地说,这将起作用:

compare .a = aList[0];
compare .b = bList[0];
compare .c = cList[0];
compare .d = dList[0];
compare .e = eList[0];