Array orden aleatorio sin repetir

ernest_mataro · #1 (**permalink**) 25/12/2015, 13:23

Tengo este array:

var n_f_c_t =
[
["x", "y", "b", "r"],
];

Y este código dentro de una función para que me lo haga de forma aleatoria:

var infe_ale = 0;
var supe_ale = n_f_c_t[0].length - 1;
var n_posibilidades = (supe_ale + 1) - infe_ale;
var n_ale = Math.random() * n_posibilidades;
n_ale = Math.floor(n_ale);
n_ale = (infe_ale + n_ale);
n_f_c_t[0].splice(n_ale, 1);

Funciona perfectamente.
La cuestión es, que debería hacer para que las letras una vez el array quede vacío vuelva a quedar como estaba.
Gracias por adelantado.

Alexis88 · #2 (**permalink**) 25/12/2015, 17:04

Si al decir que debe "quedar como estaba" te refieres a que nuevamente posea a los elementos iniciales, solo tendrías que obtener una copia de los mismos al inicio y cada vez que elimines a un elemento, debes comprobar que la cantidad de elementos del array sea igual a cero para volver a asignarle los valores.

Un saludo

ernest_mataro · #3 (**permalink**) 26/12/2015, 11:46

OK, Merci.

IsaBelM · #4 (**permalink**) 29/12/2015, 14:09

Eso garantiza la aleotoriedad pero no la no repetición. Tal vez eso se pueda subsanar, añadiendo el elemento eliminado a un nuevo array con el método unshift(). Este array tendrá los elementos con los que se rellenar el array original.

Como el índice del último elemento será 0, al comenzar la segunda vuelta, habría que asegurarse de que el número aleatorio no sea 0. Para esto se ha de usar http://jsfiddle.net/marlanga/sg2Ja/4/

mpozo · #5 (**permalink**) 01/01/2016, 07:44

Hola

He intentado hacer lo que decís. La sugerencia de Alexis88 me ha funcionado, pero la de IsaBelM hace que cuantas mas vueltas se deje correr el código, más se pierde la aleatoriedad. Por ejemplo; tengo un array de 4 elementos ["a", "b", "c", "d"], pues en la tercera vuelta los elementos ya aparecen repetidos. En ocasiones hasta en la segunda vuelta. ¿Qué estoy haciendo mal?

Código HTML:

Ver originala, b, d, d --> segunda vuelta
a, d, c, a --> tercera vuelta
.......

IsaBelM · #6 (**permalink**) 03/01/2016, 15:35

Puede que no estés haciendo nada mal. Según cometas, se me pasó decir que los elementos del nuevo array (array copia) han de.ser eliminados cuando el largo del array original sea 0. Ya que unshift() añade un nuevo elemento al inicio del array

mpozo · #7 (**permalink**) 05/01/2016, 06:43

Ahora sí que funciona. He ido cogiendo de un lado y de otro y al final me ha salido esto. A ver si podéis echarle un vistazo y me decís que tal

Código Javascript:

Ver original<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>Documento sin título</title> 
<script>
var barajar = new Barajar ({
 
    cartas: ['a', 'b', 'c', 'd'],
    intervalo: 2000,
    indice: -1,
    mesa: '#mesa'
});
 
 
function Barajar(opt) {
 
    if (!(this instanceof Barajar)) return new Barajar();
 
    this.original = opt.cartas || [];
    this.copia = [];
    this.indice = opt.indice || -1;
    this.intervalo = opt.intervalo || 1000;
    this.mesa = opt.mesa || null;
    this.i = 0;
}
 
 
Barajar.prototype.repartir = function() {
 
    this.indice = (this.indice < 0) ? Math.floor(Math.random() * this.original.length) : (this.indice + Math.floor(Math.random() * (this.original.length-1) + 1)) % this.original.length;
 
    var carta = this.original.splice(this.indice, 1);
    this.copia.unshift(carta);
 
    if (!this.original.length) {
 
        this.original = Array.prototype.slice.call(this.copia, 0);
        this.copia.splice(0, Number.MAX_VALUE);
    }
 
    document.querySelector(this.mesa).innerHTML += (this.i++ % 4 == 0) ? '<br />' + carta : ' | ' + carta;
 
    setTimeout(this.repartir.bind(this), this.intervalo);
}
 
 
document.addEventListener('DOMContentLoaded', function() {barajar.repartir();}, false);
</script>
</head> 
<body>
<div id="mesa"></div>
</body> 
</html>