JavaScript

Como pegar um valor aleatório de array em JavaScript

22 de junho de 2021

Como pegar um valor aleatório de array em JavaScript

Neste artigo você vai aprender a como pegar um valor aleatório de array em JavaScript, de uma forma simples e intuitiva

pegar um valor aleatório de array capa

Fala programador(a), beleza? Bora aprender mais sobre aleatoriedade, arrays e também sobre JavaScript!

É muito fácil realizar esta tarefa com JS, vamos precisar de 4 itens:

  • O array;
  • Saber a quantidade de elementos do array;
  • Gerar um número aleatório;
  • Arredondar este número aleatório;

O interessante é que o JavaScript possui funções para todos estes itens, veja um exemplo prático de como escolher um item aleatório em um array:

const numeros = [5, 50, 40, 30, 10, 2];

const numero = Math.floor(Math.random() * numeros.length);

console.log(numeros[numero]); // resultado aleatório

Com este código é possível obter o item aleatório!

Explicando:

A propriedade length no array nos dá a quantidade de itens que ele possui, para gerarmos um número aleatório dentro dos possíveis itens

Já Math.random() gera um número aleatório, multiplicando por length temos um número até a quantidade máxima de itens

Porém é gerado um float, arredondamos com floor, pois ele arredonda para baixo

Se arredondarmos para cima, temos risco do número gerado ser um número maior que a quantidade de elementos

No console.log acessamos o índice aleatório gerado por meio do nosso código, isso faz com que o item aleatório do array seja exibido!

Então na verdage geramos um índice, e depois acessamos o elemento do array =)

Conclusão

Neste artigo você aprendeu a pegar um valor aleatório de array em JavaScript

Utilizamos algumas funções nativas da linguagem para gerar um índice, que é uma posição do array de elementos

Depois basta acessar o array com este índice gerado, sempre teremos um novo item sendo exibido, pois é escolhido de forma aleatória

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x