Hacer un random con array sin que se repita.

fcosun · #1 (**permalink**) 16/04/2012, 12:37

Tengo cargado un listado en un array con los numeros del uno al cinco, la idea es que al cargar la pagina muestre todo el arreglo de los cinco numeros del uno al cinco pero con distinto orden.

Ahora el problema que me ocurre queda aleatorio pero se repiten los numeros, ¿como puedo evitar que se repitan los numeros?

aca tengo el codigo.

Código Javascript:

Ver original<html>
<head>
<title>Midemo1</title>
<script language = "javascript">
 
var misimagenes=["imagen1.png","imagen2.png","imagen3.png","imagen4.png","imagen5.png"]; 
 
for (i=0;i< misimagenes.length;i++){
 
    var rango_superior = 1;
    var rango_inferior = 5;
    var aleatorio = Math.floor(Math.random()*(rango_superior-(rango_inferior-1))) + rango_inferior;
 
    document.write("<img src="+misimagenes[aleatorio]+">")      
 
} 
 
</script>
</head>
<body>
 
</body>
</html>

zerokilled · #2 (**permalink**) 16/04/2012, 12:48

buenas...
una forma que puedes optar es hacerle un shuffle al array y luego iteras el array en orden. aunque la iteración es secuencial, cada elemento elemento está reoganizado aleatoriamente. un algoritmo bien corto para el shuffle – aunque he escuchado que no es efectivo. en todo caso, se garantiza que no repetiras el mismo elemento.

Código:

Array.prototype.shuffle = function(){
this.sort(function(){ return Math.round(Math.random()) -.5; });
return this;
};

fcosun · #3 (**permalink**) 16/04/2012, 14:05

Hola, mira lo hice y me funciona super bien, pero como encuentran el codigo ?

lo que hice fue lo siguiente:

1-Cargue un listado de numeros al arreglo.
2-El arreglo lo convertí en random para que cambie el orden, sin que se repitan.
3-Separe el arreglo a numero individual //quizás aquí esta mal, queda poco dinámico si se desea agregar otro numero al arreglo.
4-Cree una función que convierta el numero a imagen.

Código Javascript:

Ver original<html>
<head>
<title>Test1</title>
<script language = "javascript">
 
function randomSinRepetir(a,b) {
    return( parseInt( Math.random()*10 ) %2 );
}
 
var misimagenes = new Array(1, 2, 3, 4, 5);
var imagen = misimagenes.sort(randomSinRepetir).toString();
 
imagen1 = imagen[0];
imagen2 = imagen[2];
imagen3 = imagen[4];
imagen4 = imagen[6];
imagen5 = imagen[8];
 
 
function mostrarimagen(imagen)
{
    if(imagen == 1)
    {
        imagen = "imagen1.png";
    }
    else if(imagen == 2)
    {
        imagen = "imagen2.png";
    }
    else if(imagen == 3)
    {
        imagen = "imagen3.png";
    }
    else if(imagen == 4)
    {
        imagen = "imagen4.png";
    }
    else if(imagen == 5)
    {
        imagen = "imagen5.png";
    }
 
    document.write("<img src="+imagen+"/>");    
}
 
mostrarimagen(imagen1);
mostrarimagen(imagen2);
mostrarimagen(imagen3);
mostrarimagen(imagen4);
mostrarimagen(imagen5);
 
</script>
</head>
<body>
 
</body>
</html>

furoya · #4 (**permalink**) 16/04/2012, 19:16

Hace algunos años estuvimos tratando de inventarle algunos métodos más al array, y entre ellos estaba el "Shuffle".

Manipular array

Pero creo que ninguno era tan económico como el tuyo, zerokilled. Lo voy a estudiar, porque a primera vista no me sale.

Aprovecho y dejo otro enlace con un ejemplo.

galeria de imagenes aleatorias

Saludos
furoya