Erhalten Sie ein zufälliges Element aus einem JavaScript-Array

Question

var items = Array(523, 3452, 334, 31, ..., 5346);

Wie erhalte ich ein zufälliges Element aus items?

Answer 1

var element = elemente[Math.floor(Math.random()*elemente.length)];

Answer 2

1. Lösung: Array-Prototyp definieren

Array.prototype.random = function () {
  return this[Math.floor((Math.random()*this.length))];
}

das wird mit Inline-Arrays funktionieren

[2,3,5].random()

und natürlich auch mit vordefinierten Arrays

var list = [2,3,5]
list.random()

2. Lösung: Benutzerdefinierte Funktion definieren, die eine Liste akzeptiert und ein Element zurückgibt

function get_random (list) {
  return list[Math.floor((Math.random()*list.length))];
}

get_random([2,3,5])

Answer 3

Verwenden Sie Unterstrich (oder loDash :):

var randomArray = [
   '#cc0000','#00cc00', '#0000cc'
];

// use _.sample
var randomElement = _.sample(randomArray);

// manuell _.random verwenden
var randomElement = randomArray[_.random(randomArray.length-1)];

Oder um ein gesamtes Array zu mischen:

// Verwenden Sie die shuffle-Funktion von Unterstrich
var firstRandomElement = _.shuffle(randomArray)[0];

Answer 4

Wenn Sie dieses Problem wirklich mit jQuery lösen müssen (Anmerkung: sollten Sie nicht):

(function($) {
    $.rand = function(arg) {
        if ($.isArray(arg)) {
            return arg[$.rand(arg.length)];
        } else if (typeof arg === "number") {
            return Math.floor(Math.random() * arg);
        } else {
            return 4;  // mit fairem Würfelwurf ausgewählt
        }
    };
})(jQuery);

var items = [523, 3452, 334, 31, ..., 5346];
var item = jQuery.rand(items);

Dieses Plugin gibt ein zufälliges Element zurück, wenn ein Array übergeben wird, oder einen Wert von [0 .. n), wenn eine Zahl übergeben wird, oder bei allem anderen einen garantiert zufälligen Wert!

Zur extra Unterhaltung wird das Array-Rückgabewert generiert, indem die Funktion rekursiv basierend auf der Länge des Arrays aufgerufen wird :)

Funktionsdemo unter http://jsfiddle.net/2eyQX/

Answer 5

Hier ist noch eine andere Möglichkeit:

function rand(items) {
    // "~~" für die nächste "int"
    return items[~~(items.length * Math.random())];
}

Oder wie unten von @1248177 empfohlen:

function rand(items) {
    // "|" für eine Art von "int div"
    return items[items.length * Math.random() | 0];
}