JavaScript 循环正在更改数据源数组以及结果 - 为什么会这样？

Question

我完全困惑了。我有一个对象，其中包含全局“散列”数字数组（在 objectA 中），该对象在将数字组合成新系列（在 objectB 中）的循环中引用。

var objectB = objectA[arrActive[0]]; 
for (i=1; i<arrActive.length; i++) {    
    var _this = arrActive[i];
    for (x=0; x<objectB.length; x++) {  
    objectB[x][1] += objectA[_this][x][1];  
    }
}

奇怪的是，源数组 objectA 中的值在循环期间递增 - 但为什么呢？据我所知，我只是从 objectA 读取数据以写入 objectB！

这令人沮丧，因为每次调用该函数时，数字都会进一步膨胀！

JSFiddle 的工作示例在这里： http://jsfiddle.net/ZbWGH/ - 我完全误解了 + = 运算符？我确信这是一个很容易理解的问题。

预先感谢您的任何帮助！

Answer 1

您将对实例 objectA['ONE'] 的引用放入名为 objectB 的变量中 - 该变量中的任何更改确实都会更改实际值。

相反，您可能有兴趣将数组克隆或“干净复制”到objectB中，这样就不会更改原始数组。

执行此操作的简单函数是：

function CopyArray(arr) {
    var clone = [];
    for (var i = 0; i < arr.length; i++) {
        var subArray = [];
        for (var j = 0; j < arr[i].length; j++)
            subArray.push(arr[i][j]);
        clone.push(subArray);
    }
    return clone;
}

并使用它：

var objectB = CopyArray(objectA[arrActive[0]]); 

更新了 jsFiddle： http://jsfiddle.net/ yahavbr/ZbWGH/1/

Answer 2

此外，A += B 类似于 A = A + B，因此您修改了 objectA。

Answer 3

你认识C吗？ C 中的引用/指针是理解 Javascript 中复杂变量的好方法。 “Komplex”表示除数字、字符串、布尔值之外的所有内容 - 其他所有内容都是“对象”。复杂类型（对象）的变量确实像指针。如果您知道“按引用调用”和“按值调用”的概念，那么在 Javascript 中两者都不是：如果将对象赋予函数，则“指针”本身是按值调用，但该值是对对象（实际上是堆上存储对象的区域，尽管 JS 程序员不像 C/C++ 那样处理堆，但它仍然是存储内容的地方）。示例：

function fn (a) {
  //changing the argument itself does NOT change the original object
  a = null;
  //but changing its properties does:
  a.foo = 42;
}

var o = { foo:1, bar:2 };

fn(o);

现在应该清楚为什么如果您想要真正的“按值调用”，则必须克隆对象。 JS 选择这种实现是因为，否则每次使用非原始类型调用函数时，都必须复制堆，而 99% 的情况下这是不必要的。函数式编程的“真正”精神当然是纯粹的按值调用，在这里我们看到实际生活（性能和内存使用）的考虑侵入了理论:)