Gerar Cordão Aleatório em JavaScript

1. Utilize o for Loop para Gerar Strings Aleatórias
2. Utilização de Métodos Incorporados para Gerar Strings Aleatórias

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));