Javascript数组拼接不能正常工作

Question

var cache = [];
cache[0] = "0";
cache[1] = "1";
cache[2] = "2";
cache[3] = "3";
cache[4] = "4";
cache["r"] = "r";
console.log(cache.length);
for(key in cache){
    if(isNaN(key))continue;
    else cache.splice(key,1); // cache.splice(key) is working fine, ***
}
console.log(cache);

问题：在*** 行中为什么 splice(key) 工作正常（删除具有数字索引的所有元素）而 splice(key,1) 不能正常工作（不删除具有数字索引的元素）。即使我尝试过

splice(key,1) // Not working as splice(key)
splice(key--,1) // Even not working as splice(key)
splice(key,0) // not deleting any thing

您可以在 Firebug 控制台中复制粘贴代码进行测试。

Answer 1

1) cache["r"] = "r"; 不会向您的数组添加元素，而是向缓存对象添加属性

要初始化一个数组，你可以使用类似的东西

var cache = ["0", "1", "2", "3", "4", "r"];

或

var cache = new Array();
cache.push("0");
cache.push("1");
cache.push("2");
cache.push("3");
cache.push("4");
cache.push("r");

由于您的缓存对象不是数组，因此您不能期望 splice 的行为与数组一样。

2) splice 期望索引作为第一个参数，而不是键

见http://www.w3schools.com/jsref/jsref_splice.asp

因此您可以使用它来删除所有数值：

for (var i = 0; i < cache.length; i++) {
        if (!isNaN(cache[i])) {
            cache.splice(i, 1); // cache.splice(key) is working fine, ***
                i--;
            }
        }

Answer 2

它不起作用，因为您在遍历键时从数组中删除项目。当您删除一个项目时，它会根据数组在内部的实现方式重新排列其他项目，并且您最终会得到一个不会遍历您期望的键的循环。

当我在 Firefox 中尝试它时，它只会遍历键 0、1、2 和 r。迭代时删除项目使其跳过3 和4。 splice 本身工作正常，但它会影响循环，因此某些项目根本不在迭代中。

当您实际上是通过跳过非数字键来查找数组中的索引时，您可以直接遍历索引。通过向后循环，您不会在循环时遇到数组更改的问题：

var cache = ["0", "1", "2", "3", "4"];
cache.r = "r";
console.log(cache.length);
for (var i = cache.length - 1; i >= 0; i--) {
    cache.splice(i, 1);
}
console.log(cache);

演示：http://jsfiddle.net/CguTp/1/

Answer 3

Splice 期望第一个索引为数字，

splice(n,x); //n and x are numeric here  

它将开始从索引 n 开始从数组中删除值，并在索引 n 之后删除 x 值。

现在 if n is not numeric but a key 然后不需要 x 因为 x 可以在 numeric-indexed array 中向前移动指针，但不是关联数组。所以从 splice(n,x) 中删除 x 将使函数类似于 splice(key) 等，所以它会正常工作。