Get a Random Array Item with JavaScript

JavaScript Arrays are probably my favorite primitive in JavaScript. You can do all sorts of awesome things with arrays: get unique values, clone them, empty them, etc. What about getting a random value from an array? To get a random item from an array, you can employ Math.random: const arr = [ “one”, “two”, “three”, […]

The post Get a Random Array Item with JavaScript appeared first on David Walsh Blog.

JavaScript Arrays are probably my favorite primitive in JavaScript. You can do all sorts of awesome things with arrays: get unique values, clone them, empty them, etc. What about getting a random value from an array?

To get a random item from an array, you can employ Math.random:

const arr = [
    "one",
    "two",
    "three",
    "four",
    "tell",
    "me",
    "that",
    "you",
    "love",
    "me",
    "more"
];
const random1 = arr[(Math.floor(Math.random() * (arr.length)))]
const random2 = arr[(Math.floor(Math.random() * (arr.length)))]
const random3 = arr[(Math.floor(Math.random() * (arr.length)))]
const random4 = arr[(Math.floor(Math.random() * (arr.length)))]

console.log(random1, random2, random3, random4)
// tell one more two

As for when you would need random values from an array is up to your individual application. It’s nice to know, however, that you can easily get a random value. Should Array.prototype.random exist?

The post Get a Random Array Item with JavaScript appeared first on David Walsh Blog.


Print Share Comment Cite Upload Translate
APA
David Walsh | Sciencx (2024-03-29T12:25:50+00:00) » Get a Random Array Item with JavaScript. Retrieved from https://www.scien.cx/2022/05/09/get-a-random-array-item-with-javascript/.
MLA
" » Get a Random Array Item with JavaScript." David Walsh | Sciencx - Monday May 9, 2022, https://www.scien.cx/2022/05/09/get-a-random-array-item-with-javascript/
HARVARD
David Walsh | Sciencx Monday May 9, 2022 » Get a Random Array Item with JavaScript., viewed 2024-03-29T12:25:50+00:00,<https://www.scien.cx/2022/05/09/get-a-random-array-item-with-javascript/>
VANCOUVER
David Walsh | Sciencx - » Get a Random Array Item with JavaScript. [Internet]. [Accessed 2024-03-29T12:25:50+00:00]. Available from: https://www.scien.cx/2022/05/09/get-a-random-array-item-with-javascript/
CHICAGO
" » Get a Random Array Item with JavaScript." David Walsh | Sciencx - Accessed 2024-03-29T12:25:50+00:00. https://www.scien.cx/2022/05/09/get-a-random-array-item-with-javascript/
IEEE
" » Get a Random Array Item with JavaScript." David Walsh | Sciencx [Online]. Available: https://www.scien.cx/2022/05/09/get-a-random-array-item-with-javascript/. [Accessed: 2024-03-29T12:25:50+00:00]
rf:citation
» Get a Random Array Item with JavaScript | David Walsh | Sciencx | https://www.scien.cx/2022/05/09/get-a-random-array-item-with-javascript/ | 2024-03-29T12:25:50+00:00
https://github.com/addpipe/simple-recorderjs-demo