Javascript: Zufallszahl von 5, kein wiederholen, bis alle verwendet wurden

Ich bin mit dem folgenden code zuordnen, um eine zufällige Klasse (von fünf) , jedes einzelne Bild auf meiner Seite.

$(this).addClass('color-' + (Math.floor(Math.random() * 5) + 1));

Ist es großartig, aber ich will es so machen, dass es nie zwei gleiche Klasse in einer Reihe.

Sogar besser wäre, wenn es nie zwei gleiche in einer Reihe, und es hat auch nicht jede Klasse mehr als einmal, bis alle 5 hatten benutzt worden... Wie entfernen jeder Klasse aus der Reihe, bis alle von Ihnen verwendet wurden, dann wieder starten, nicht erlaubt, die Letzte der bisherigen 5 und die erste, die nächsten 5 der gleichen Farbe.

Hoffe das macht Sinn, und vielen Dank im Voraus für jede Hilfe.

Erstellen Sie eine Reihe von 1 zu 5 - und shuffle-array.

InformationsquelleAutor user2860129 | 2013-10-14

  1. 19

    Müssen Sie ein array erstellen, der die möglichen Werte und jedes mal, wenn Sie rufen Sie einen beliebigen index aus dem array zu verwenden, einer der Werte, entfernen Sie es aus dem array.

    Hier ist eine Allgemeine zufällige Funktion, die werden nicht das wiederholen, bis alle Werte verwendet wurden. Rufen Sie diese und fügen Sie einfach diesen index an das Ende der Klasse name.

    var uniqueRandoms = [];
var numRandoms = 5;
function makeUniqueRandom() {
    //refill the array if needed
    if (!uniqueRandoms.length) {
        for (var i = 0; i < numRandoms; i++) {
            uniqueRandoms.push(i);
        }
    }
    var index = Math.floor(Math.random() * uniqueRandoms.length);
    var val = uniqueRandoms[index];

    //now remove that value from the array
    uniqueRandoms.splice(index, 1);

    return val;

}

    Arbeiten demo: http://jsfiddle.net/jfriend00/H9bLH/

    So, der code wäre dieser:

    $(this).addClass('color-' + (makeUniqueRandom() + 1));

    Hier ist eine Objekt-orientierte form, die es ermöglichen mehr als eine solche verwendet werden, die in verschiedenen Orten in Ihrem app:

    //if only one argument is passed, it will assume that is the high
//limit and the low limit will be set to zero
//so you can use either r = new randomeGenerator(9);
//or r = new randomGenerator(0, 9);
function randomGenerator(low, high) {
    if (arguments.length < 2) {
        high = low;
        low = 0;
    }
    this.low = low;
    this.high = high;
    this.reset();
}

randomGenerator.prototype = {
    reset: function() {
        this.remaining = [];
        for (var i = this.low; i <= this.high; i++) {
            this.remaining.push(i);
        }
    },
    get: function() {
        if (!this.remaining.length) {
            this.reset();
        }
        var index = Math.floor(Math.random() * this.remaining.length);
        var val = this.remaining[index];
        this.remaining.splice(index, 1);
        return val;        
    }
}

    Beispiel Für Die Nutzung:

    var r = new randomGenerator(1, 9);
var rand1 = r.get();
var rand2 = r.get();

    Arbeiten demo: http://jsfiddle.net/jfriend00/q36Lk4hk/

    Wenn Sie mir zeigen könnte, wie genau zu "nennen" und "add index" , der name der Klasse wäre ich auf ewig dankbar sein. Ich habe keine Erfahrung mit javascript, aber ein Buch gekauft diese Woche und nur fing es heute so ich ' m versuchen, es zu reparieren. Vielen Dank nochmal, was du gepostet hast ist schon wirklich hilfreich.
    Ich fügte hinzu, dass die Ende.
    Eine Verbesserung ist das original-array und kopieren Sie Sie für das Spleißen. Wenn alle Mitglieder wurden aufgetrennt, eine weitere Kopie machen (falls erforderlich).
    warum ist das kopieren einfacher, als einfach einen neuen zu erstellen, wenn Sie benötigt?
    Da das original möglicherweise nicht nur eine Folge von Ziffern, oder etwas um wie 'colour1', 'colour2', etc.

    InformationsquelleAutor jfriend00

  2. 2

    Können Sie etwas tun, wie dies mit einem array und die splice Methode:

    var classes = ["color-1", "color-2", "color-3", "color-4", "color-5"];
for(i = 0;i < 5; i++){
  var randomPosition = Math.floor(Math.random() * classes.length);
  var selected = classes.splice(randomPosition,1);
  console.log(selected);
  alert(selected);
}

    InformationsquelleAutor Johann Echavarria

  3. 1
    var used = [];
var range = [0, 5];

var generateColors = (function() {
    var current;
    for ( var i = range[0]; i < range[5]; i++ ) {

        while ( used.indexOf(current = (Math.floor(Math.random() * 5) + 1)) != -1 ) ;
        used.push(current);
        $("   SELECTOR     ").addClass('color-' + current);
    }
});

    InformationsquelleAutor Deepsy

  4. 1

    Einfach zu erklären, mein Kommentar zu jfriend00 die ausgezeichnete Antwort, die Sie haben können, eine Funktion zurückgibt, die die Mitglieder einer Reihe, in zufälliger Reihenfolge, bis alle zurückgegeben worden sind, dann beginnt wieder, z.B.:

    function RandomList(list) {
  var original = list;
  this.getOriginal = function() {
    return original;
  }
}

RandomList.prototype.getRandom = function() {
  if (!(this.remainder && this.remainder.length)) {
    this.remainder = this.getOriginal().slice();
  }
  return this.remainder.splice(Math.random() * this.remainder.length | 0,1);
}

var list = new RandomList([1,2,3]);

list.getRandom(); //returns a random member of list without repeating until all
                  //members have been returned.

    Wenn die Liste kann fest codiert werden, Sie können halten Sie das original in einem Verschluss, z.B.

    var randomItem = (function() {
  var original = [1,2,3];
  var remainder;
  return function() {
    if (!(remainder && remainder.length)) {
      remainder = original.slice();
    }
    return remainder.splice(Math.random() * remainder.length | 0, 1);
  };
}());

    InformationsquelleAutor RobG

Schreibe einen Kommentar