Generar numeros y valores aleatorios es fundamental casi para cualquier proyecto de programación, JavaScript cuenta con funciones que nos permiten manejar estas necesidades, entre ellas encontramos la función:
Math.random();
Esta función devuelve un número aleatorio entre 0 y 1.
Ejemplo de uso de Math.random()
<script>
alert("Numero Aleatorio: "+Math.random())
</script>
Obtendíamos un alert con una salida tipo: Numero Aleatorio: 0.8800254666049199.
Ejemplo de uso de Math.floor()
<script>
console.log("Numero Aleatorio: "+Math.floor(Math.random() * 10))
</script>
En el ejemplo anterior con Math.floor() obtenemos un número aleatorio entre 0 y 9.
Obteniendo un número aleatorio entre 1 y 100
<script>
console.log("Numero Aleatorio: "+(Math.floor(Math.random() * 100) + 1))
</script>
Generar números y valores aleatorios
Este es uno de los usos mas interesantes que podemos darle a la función Math y es el poder seleccionar de una lista o array un valor de forma aleatoria,veamos:
Teniendo como ejemplo el siguiente array:
<script>
var frutas = ["Banana", "Pera", "Mango", "Naranja", "Fresa"];
console.log(""+frutas[2])
</script>
Si nos damos cuenta podemos acceder a cualquier valor del array frutas tan solo referenciando el índice del valor que necesitamos, por ende si decimos: frutas[2] estamos obteniendo el valor: «Mango», Ahora bien con la función Math lo unico que necesitamos es generar un valor aleatorio que esté dentro de la cantidad de valores del array (5).
¿Pero como podemos saber el «largo» de mi array?
Muy fácil tan solo llamando la propiedad length.
<script>
var frutas = ["Banana", "Pera", "Mango", "Naranja", "Fresa"];
console.log(""+frutas.length)
</script>
El código anterior nos devuelve 5 que es el largo de nuestro array, cabe recordar que los elementos del array se empiezan a enumerar desde la posición 0, que para nuestro array contiene «Banana«, podemos verlo mejor en una imagen.
Estructura de un array:
Seleccionando el valor de la lista:
<script>
var frutas = ["Banana", "Pera", "Mango", "Naranja", "Fresa"];
console.log(""+frutas[Math.floor(Math.random() * 4)])
</script>
De esta manera obtendríamos como salida un valor aleatorio de nuestro array teniendo en cuenta su longitud.