Neste artigo você vai aprender a como pegar um valor aleatório de array em JavaScript, de uma forma simples e intuitiva
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!