Generador de números aleatorios en JavaScript - Los 6 mejores ejemplos para aprender

Tabla de contenido:

Anonim

¿Qué es el número aleatorio?

El número aleatorio es el número generado por el sistema informático de cualquiera de esos dispositivos que no podemos predecir. Los desarrolladores o el codificador utilizan esta generación de números aleatorios para satisfacer sus necesidades comerciales. Programáticamente, este número puede estar limitado dentro del rango especificado o podemos ir sin poner ningún límite del rango. En este tema, aprenderemos sobre la generación de números aleatorios en JavaScript. En este tema, vamos a aprender sobre el generador de números aleatorios en JavaScript.

Número aleatorio en JavaScript

Casi, cada lenguaje de programación tiene su función incorporada a la misma. JavaScript también tiene una función para obtener un número aleatorio. Hay varias maneras en que podemos obtener el número aleatorio en JavaScript, veamos con algún ejemplo.

El uso del número aleatorio.

Estos números aleatorios se pueden usar en varios tipos de códigos de creación de juegos. Esto se puede utilizar en el juego de adivinanzas o predicciones de números. Esto se puede usar en la implementación de la función OTP (Contraseña de un solo uso). Somos muy conscientes de la OTP que generalmente recibimos de varios sitios web. Ese también es un número aleatorio y se puede recibir utilizando la función Aleatoria del JavaScript.

Ejemplos de generador de números aleatorios en JavaScript

Veamos algunos de los ejemplos para generar números aleatorios:

1. Uso de la función Math.random ().

Tenemos la función Math.random () en JavaScript para manejar los números aleatorios. Este número siempre devuelve menos de 1 como resultado.



JavaScript Random Number

document.getElementById("random_number").innerHTML = Math.random();



JavaScript Random Number

document.getElementById("random_number").innerHTML = Math.random();



JavaScript Random Number

document.getElementById("random_number").innerHTML = Math.random();

Esto siempre dará el resultado en forma de punto decimal.

2. Obtenga el número aleatorio en forma de número entero (número completo).

Podemos obtener esto extendiendo la función anterior.



JavaScript Random Number

var randomNumber = Math.floor(Math.random() * 10);
document.getElementById("random_number").innerHTML = randomNumber;



JavaScript Random Number

var randomNumber = Math.floor(Math.random() * 10);
document.getElementById("random_number").innerHTML = randomNumber;



JavaScript Random Number

var randomNumber = Math.floor(Math.random() * 10);
document.getElementById("random_number").innerHTML = randomNumber;

La salida del código anterior variará entre 0 y 9. Como hemos multiplicado por 10, esto dará la salida siempre en un solo dígito.

3. Obtenga el número aleatorio entre 0 y 99.



JavaScript Random Number

var randomNumber = Math.floor(Math.random() * 100);
document.getElementById("random_number").innerHTML = randomNumber;



JavaScript Random Number

var randomNumber = Math.floor(Math.random() * 100);
document.getElementById("random_number").innerHTML = randomNumber;



JavaScript Random Number

var randomNumber = Math.floor(Math.random() * 100);
document.getElementById("random_number").innerHTML = randomNumber;

Obtendremos un número aleatorio entre 0 y 99. Pero la mayoría de las veces obtendremos los números de dos dígitos. Por ejemplo: 68, 45, 34 etc.

4. Veamos cómo siempre podemos ser más que igual a 1 como números generados aleatoriamente.

Como sabemos que Math.random () normal nos dará un número entre 0 y 1, podemos multiplicar esto por 10 y sumar 1 para obtener el número siempre mayor o igual a 1.



JavaScript Random Number

var randomNumber = Math.floor(Math.random() * 10) + 1;
document.getElementById("random_number").innerHTML = randomNumber;



JavaScript Random Number

var randomNumber = Math.floor(Math.random() * 10) + 1;
document.getElementById("random_number").innerHTML = randomNumber;



JavaScript Random Number

var randomNumber = Math.floor(Math.random() * 10) + 1;
document.getElementById("random_number").innerHTML = randomNumber;

Salida

5. Ahora, es hora de obtener el número aleatorio sobre la base de números mínimos y máximos.

Sí, tendremos una función con dos parámetros, digamos getRndInteger ().



JavaScript Random Number

function getRndInteger(minimum, maximum) (
return Math.floor(Math.random() * (maximum - minimum)) + minimum;
)
document.getElementById("random_number").innerHTML = getRndInteger(10, 20);



JavaScript Random Number

function getRndInteger(minimum, maximum) (
return Math.floor(Math.random() * (maximum - minimum)) + minimum;
)
document.getElementById("random_number").innerHTML = getRndInteger(10, 20);



JavaScript Random Number

function getRndInteger(minimum, maximum) (
return Math.floor(Math.random() * (maximum - minimum)) + minimum;
)
document.getElementById("random_number").innerHTML = getRndInteger(10, 20);

Salida

getRndInteger (10, 20); // esto nos dará números entre 10 y 20.
getRndInteger (1, 100); // esto nos dará números entre 1 y 100.
Nota: Todo el código anterior será compatible con: Google Chrome; Firefox Mini Opera; Safari, etc.

6. La función aleatoria entre 10 y 1000.



JavaScript Random Number

function getRndInteger(minimum, maximum) (
return Math.floor(Math.random() * (maximum - minimum)) + minimum;
)
document.getElementById("random_number").innerHTML = getRndInteger(10, 1000);



JavaScript Random Number

function getRndInteger(minimum, maximum) (
return Math.floor(Math.random() * (maximum - minimum)) + minimum;
)
document.getElementById("random_number").innerHTML = getRndInteger(10, 1000);



JavaScript Random Number

function getRndInteger(minimum, maximum) (
return Math.floor(Math.random() * (maximum - minimum)) + minimum;
)
document.getElementById("random_number").innerHTML = getRndInteger(10, 1000);

Este código es muy similar al anterior. Estamos llamando a la misma función con los diferentes parámetros.

7. ¿Puedo obtener un número aleatorio único?

Sí, podemos obtener un número único. Pero no podemos llamarlo verdaderamente aleatorio, podemos llamarlo verdaderamente único. No solo usando esto sino usando la marca de tiempo de JavaScript. Podemos generar esto mediante programación. Podemos almacenar lo ya generado aleatoriamente en una matriz. Podemos comparar el número recién generado con el ya existente en la matriz. Si existimos en la matriz, entonces podemos llamar a la función aleatoria nuevamente para obtener la única.

¿Es seguro?

No, no hay nada que lidiar con la seguridad. Esto no está codificado o descodificado, solo genera el número aleatorio. Podemos aprovechar el beneficio de este tipo de función para generar la OTP (contraseña de un solo uso) de longitud fija. Por lo tanto, debemos evitar usar esto por motivos de seguridad. Podemos usar esto como una función generadora de OTP.

Ahora es tiempo de ponerte a prueba

1. En JavaScript, ¿solo podemos obtener los números aleatorios del rango especificado únicamente? ¿Verdadero o falso?
2. JavaScript usa la biblioteca MATH para la función aleatoria incorporada. ¿Verdadero o falso?
3. ¿Puedes escribir un programa en JavaScript para imprimir un número aleatorio entre 50 y 100? Puede tomar una pista de la verificación de código anterior para getRndInteger (10, 20).

Conclusión: generador de números aleatorios en JavaScript

Deberíamos usar la función Radom mientras trabajamos con cualquier lenguaje de programación para manejar varios requisitos comerciales. La función aleatoria de JavaScript se puede utilizar para satisfacer varios tipos de necesidades comerciales. Podemos usar la misma salida de JavaScript para la programación del lado del servidor. Por ejemplo, si estamos usando JavaScript con PHP, también podemos usar esta función en PHP para satisfacer nuestras necesidades de programación. Podemos usar este juego de adivinanzas o el tipo de cosas relacionadas con OTP. Podemos usar esto para generar cualquier número específico de dígitos aleatorios como vemos en los múltiples ejemplos anteriores. Además, debemos evitar usar esto como encriptado ya que es un dígito aleatorio simple.

Artículos recomendados

Esta es una guía para el generador de números aleatorios en JavaScript. Aquí discutimos el número aleatorio en JavaScript con ejemplos. También puede consultar el siguiente artículo para obtener más información:

  1. Generador de números aleatorios en Python
  2. Generador de números aleatorios en C
  3. Generador de números aleatorios en R
  4. Patrones en JavaScript
  5. Generador de números aleatorios en PHP