删除以前的值并更新数组

Question

从数组中删除先前的值并使用剩余数据进行更新时遇到问题。

例如，在代码JSFiddle中，数组中有四个值：BMW，Nissan，Volvo和Saab。

var cars = ["Saab", "Volvo", "BMW" , "Nissan"];
shuffle(cars);
document.getElementById("demo").innerHTML = cars[0];

因此，一旦我“按下按钮”显示“ BMW”或任何其他值，则下次重新加载时应仅在其余值（即日产，沃尔沃和萨博）内随机进行。

var cars = ["Saab", "Volvo", **"BMW"** , "Nissan"];

直到所有结尾都显示“没有其他值可显示”

Answer 1

在按钮单击事件上尝试类似的操作...

function removeCard() {
    var index = 0;
    cars.splice(index, 1);
    if (cars.length>0) {
      document.getElementById("demo").innerHTML = cars[0];
    } else {
      document.getElementById("demo").innerHTML = "none left";
    }
}

...点击事件...

document.getElementById("myButton").addEventListener("click", removeCar());

更新 ：

var cars = ["Saab", "Volvo", "BMW", "Nissan"];
shuffle(cars);
document.getElementById("demo").innerHTML = cars[0];
document.getElementById("myButton").addEventListener("click", function() {
    var index = 0;
    cars.splice(index, 1);
    if (cars.length>0) {
      document.getElementById("demo").innerHTML = cars[0];
    } else {
      document.getElementById("demo").innerHTML = "none left";
    }
});

更加精简和干净。 jsFiddle

Answer 2

function shuffle(array) {
  return array.splice(Math.random() * array.length, 1).pop();
}

var cars = ["Saab", "Volvo", "BMW" , "Nissan"];
var car = shuffle(cars);
document.getElementById("demo").innerHTML = car;

更新资料

还要注意，JSFiddle每次都会重新加载整个JS。 每次都重新加载cars的初始化，因此每次运行时都会使用所有四个初始值对其进行刷新。