En el post de hoy te enseñaré a generar una string aleatoria usando el lenguaje de programación JavaScript.
Al final tendremos una función que nos dará una cadena con caracteres aleatorios dependiendo de la longitud deseada. El ejercicio dice así:
Escribe una función de JavaScript que genere una cadena (de longitud especificada) de caracteres aleatorios.
Ejemplo de lista de caracteres válidos: “ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789”
Obviamente tú podrás cambiar el banco de letras si así lo deseas. Veamos cómo hacerlo con JS.
Tendremos nuestro banco de caracteres. Lo que tenemos que hacer es calcular un número aleatorio entre 0 y la longitud de nuestro banco menos 1, y usarlo como índice para tomar un carácter aleatorio.
Haremos esa operación del carácter aleatorio según la longitud de la cadena aleatoria deseada, e iremos concatenando a nuestro resultado.
Antes que nada, te invito a ver cómo elegir un elemento aleatorio de un array con JS. Vamos a usar el mismo enfoque para este ejemplo:
const cadenaAleatoria = longitud => {
// Nota: no uses esta función para cosas criptográficamente seguras.
const banco = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
let aleatoria = "";
for (let i = 0; i < longitud; i++) {
// Lee más sobre la elección del índice aleatorio en:
// https://parzibyte.me/blog/2021/11/30/elemento-aleatorio-arreglo-javascript/
aleatoria += banco.charAt(Math.floor(Math.random() * banco.length));
}
return aleatoria;
};
En la línea 3 declaramos nuestros caracteres disponibles. Luego declaramos nuestra cadena aleatoria en la línea 4.
Hacemos un ciclo for que se va a repetir según la longitud de la cadena en la línea 5, y vamos concatenando con el carácter aleatorio que se calcula en la línea 8.
Finalmente regresamos la cadena en la línea 10.
El modo de uso es el siguiente:
Para terminar te dejo con más posts de JavaScript en mi blog.
Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…
En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…
En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…
Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…
En este artículo te voy a enseñar cómo usar un "top level await" esperando a…
Ayer estaba editando unos archivos que son servidos con el servidor Apache y al visitarlos…
Esta web usa cookies.