jQuery每个数组问题

Question

我正在使用 jquery every 函数循环遍历数组。当我使用拼接修改原始数组时，我为其分配一个临时变量而不是实际的数组本身来循环。然而，即使当我拼接 array 时，temp 似乎也会被修改。

function example (Data, index, array) {
            var temp = array;
            $.each(temp, function(i, v) {    
                if(Data["b"+v].length > index) {
                    //do stuff
                } else {
                    array.splice(i,1);
                }
            });
            if(array.length > 0) {
                example(Data, index+1, array);
            }
}
array = [1,2,3,4]
Data = {"b1":[a,b,c,d],"b2":[e,f,g,h], "b3":[i,j], "b4":[k,l,m,n]};
example(Data, 0, array);

在示例的第三次调用中，在 temp 的第四次迭代中，v 变为未定义，因此下一行会输出“无法读取未定义的长度”的错误。这种情况发生在 array.splice(3,1) 被调用之后，看起来 temp 指向与 array 相同的位置，而不是它的副本。
有人可以帮忙吗？

Answer 1

数组和对象是通过引用分配的。 temp 和 array 引用同一个数组。您可以使用 .slice() ^[MDN]：

var temp = array.slice();

您可以按相反的顺序迭代数组，而不是创建副本：

for(var i = array.length; i--; ) {
    if(Data["b"+array[i]].length > index) {
        //do stuff
    } else {
        array.splice(i,1);
    }
}

Answer 2

temp 只是对同一个数组的引用，因此 temp 和 array 是同一件事。您想要复制一份，如下所示：

temp = array.slice(0);

Answer 3

JavaScript 中的赋值是通过引用进行的，它不会复制对象。例如...

var obj1 = {};
var obj2 = obj1;
obj2.hello = "world";
console.log( obj1.hello ); // logs "world"

这是因为 obj1 和 obj2 指向内存中的同一个对象。

如果你想复制一个数组，slice< /code>方法可以使用...

var arrayCopy = myArray.slice(0)

现在 arrayCopy & myArray 可以独立编辑。但是，请注意，虽然数组本身是独立的，但它们指向相同的对象......

arrayCopy[0] === myArray[0]; // true
arrayCopy[0] = {my: "new object"};
arrayCopy[0] === myArray[0]; // now false