Gerar Cordão Aleatório em JavaScript

Kirill Ibrahim 30 janeiro 2023 6 fevereiro 2021 JavaScript JavaScript String
  1. Utilize o for Loop para Gerar Strings Aleatórias
  2. Utilização de Métodos Incorporados para Gerar Strings Aleatórias
Gerar Cordão Aleatório em JavaScript

Este artigo irá introduzir múltiplas formas de gerar strings aleatórias em JavaScript. Cada método abaixo terá um exemplo de código, que poderá executar na sua máquina.

Utilize o for Loop para Gerar Strings Aleatórias

Utilizamos o método Math.random() para gerar o número aleatório entre 0 e 1.

Math.floor(Math.random() * charactersLength) irá gerar um número aleatório entre 0 e o comprimento do array declarada.

Utilizamos o laço for para criar o comprimento requerido da string aleatória. Um carácter aleatório é gerado em cada iteração.

Exemplo:

const  generateRandomString = (num) => {
    const characters ='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
    let result1= ' ';
    const charactersLength = characters.length;
    for ( let i = 0; i < num; i++ ) {
        result1 += characters.charAt(Math.floor(Math.random() * charactersLength));
    }

    return result1;
}

const displayRandomString = () =>{
   let randomStringContainer = document.getElementById('random_string'); 
    randomStringContainer.innerHTML =  generateRandomString(8);    
}

console.log(generateRandomString(5));

Utilização de Métodos Incorporados para Gerar Strings Aleatórias

Podemos utilizar as seguintes funções incorporadas para gerar string aleatória:

  • O método Math.random() para gerar caracteres aleatórios.
  • O método toString(36) que representa [a-zA-Z0-9]. Leia mais sobre toString().
  • O método substring(startIndex, endIndex) para retornar o número especificado de caracteres.

Exemplo

const  generateRandomString = (num) => {
        const characters ='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
        let result1= Math.random().toString(36).substring(0,num);       

        return result1;
    }

console.log(generateRandomString(7));

Artigo relacionado - JavaScript String

  • Obtenha o último caractere de uma string em JavaScript
  • Converta uma string em uma data em JavaScript
  • Converter Array em String em JavaScript
  • Verifique a igualdade de strings em JavaScript
  • Converter objeto em string em JavaScript
  • Verifique se Sring é um número em JavaScript