如何从数组中单击以获取随机字符串而不重复？

Question

想法是： 单击按钮以将标题替换为数组的唯一字符串 。 问题在于，我以前像这样使用过数组的字符串：

headlines = new Array("Good", "Bad", "Ugly", "Random Headline");
var randomNumberBefore = 4;
alert (headlines[randomNumberBefore]);

但是我不想再次显示相同的标题，这就是为什么要关键检查实际索引randomNumberBefore是否与新索引randomNumber 不同的数字 。 以下功能对我来说很有意义，但有时它返回相同的数字，导致标题被其自身替换，并且用户未发现任何更改。

function randomNumberByRange (range, number) {
    var r;
    do {
        var r = Math.floor(Math.random() * range);
    } while (r == number);
    return r;
}

$(document).on('click','.nextquote' , function() {
    var randomNumber = randomNumberByRange( headlines.length, randomNumberBefore);
    var nextHeadline = headlines[randomNumber];

    $(".bannertext").text(nextHeadline);
    console.log(nextHeadline);

});

有什么想法可以使每次点击获得唯一的标题 ？

这是我的初学者 。

-

这是最后的小提琴 。

Answer 1

您忘记将旧值分配给randomNumberBefore; 后

var randomNumber = randomNumberByRange( headlines.length, randomNumberBefore);

放

randomNumberBefore = randomNumber;

PS：有一种方法可以使randomNumberByRange函数的性能更高：

function randomNumberByRange (range, number) {
    var r = Math.floor(Math.random() * (range-1));
    if(r >= number)r++;
    return r;
}

但是，如果您有很多标题，那么您的功能就足够好了（因为碰撞概率随列表中项目的数量而下降）

Answer 2

如果您不想重复，只需从数组中删除使用的元素。

var h = new Array("Good", "Bad", "Ugly", "Random Headline");
while (h.length > 0) {
    var i = Math.floor(Math.random() * h.length);
    var t = h.splice(i, 1);
    console.log(t);
}