javascript - Math.random 和 splice 随机删除数组元素

Question

我读过 Deleting array elements in JavaScript - delete vs splice (除其他外)这有帮助，但我仍然不知道为什么下面的代码会以它的方式工作。

页面上有 10 个类为“names”的 div。所有当前的不透明度均为 1(包含在上下文中)。

我试图随机选择其中的 5 个，并将它们的背景颜色更改为“红色”。使用 splice() 后，我希望数组的大小减少 1，但这并没有发生。

在此处查看实例:http://jsfiddle.net/RussellEveleigh/Fr85B/1/

var z = document.getElementById("selected");

var r = function () {
b = document.getElementsByClassName("names");
c = [];
d = [];

    for (i = 0; i < b.length; i++) {
        if (window.getComputedStyle(b[i]).opacity == 1) {
            c.push(b[i]);
            }
        }

    for (i = 0; i < 5; i++) {
        num = Math.floor(Math.random() * c.length);
        z.innerHTML += c.length; // would expect "109876"
        d.push(c[num]);
        c.splice(num, num);

        }

    for (i = 0; i < d.length; i++) {
        d[i].style.backgroundColor = "red";
        }
    };

r();

感谢任何帮助。

Answer 1

您应该使用 c.splice(num, 1);，因为您希望一次从数组中删除一个元素，而不是 num 个元素。 This updated fiddle记录每次删除后的长度，并始终输出 9,8,7,6,5。