How to Shuffle an Array in JavaScript


How to Shuffle an Array in JavaScript ?

Answer

To shuffle an array in JavaScript, you can use the Fisher-Yates shuffle algorithm.



✐ Examples

1 Shuffle Array of Integers

In this example,

  1. We have an array named intArray containing integers.
  2. We apply the Fisher-Yates shuffle algorithm to intArray.
  3. We print the shuffled array to demonstrate the shuffling.

JavaScript Program

function shuffleArray(array) {
    for (let i = array.length - 1; i > 0; i--) {
        const j = Math.floor(Math.random() * (i + 1));
        [array[i], array[j]] = [array[j], array[i]];
    }
    return array;
}

const intArray = [1, 2, 3, 4, 5];
const shuffledArray = shuffleArray(intArray);
console.log('Shuffled Array:', shuffledArray);

Output

Shuffled Array: [ 3, 1, 4, 5, 2 ]

2 Shuffle Array of Strings

In this example,

  1. We have an array named strArray containing strings.
  2. We apply the Fisher-Yates shuffle algorithm to strArray.
  3. We print the shuffled array to demonstrate the shuffling.

JavaScript Program

function shuffleArray(array) {
    for (let i = array.length - 1; i > 0; i--) {
        const j = Math.floor(Math.random() * (i + 1));
        [array[i], array[j]] = [array[j], array[i]];
    }
    return array;
}

const strArray = ['apple', 'banana', 'cherry'];
const shuffledArray = shuffleArray(strArray);
console.log('Shuffled Array:', shuffledArray);

Output

Shuffled Array: [ 'banana', 'cherry', 'apple' ]

Summary

In this tutorial, we learned How to Shuffle an Array in JavaScript language with well detailed examples.




More JavaScript Arrays Tutorials

  1. How to Declare an Array in JavaScript ?
  2. How to Initialize an Array in JavaScript ?
  3. How to Access Array Elements in JavaScript ?
  4. How to Access Array Elements using Index in JavaScript ?
  5. How to get First Element in Array in JavaScript ?
  6. How to get Last Element in Array in JavaScript ?
  7. How to check if an Array is Empty in JavaScript ?
  8. How to check if an Array is Not Empty in JavaScript ?
  9. How to get Sub Array in JavaScript ?
  10. How to Get Array Length in JavaScript ?
  11. How to Iterate Over an Array in JavaScript ?
  12. How to Iterate Over an Array in Reverse Order in JavaScript ?
  13. How to get the Index of Specified Element in an Array in JavaScript ?
  14. How to check if Specified Element is present in the Array in JavaScript ?
  15. How to count the Number of Occurrences of Specified Element in the Array in JavaScript ?
  16. How to Sort an Array in JavaScript ?
  17. How to Sort an Array in Ascending Order in JavaScript ?
  18. How to Sort an Array in Descending Order in JavaScript ?
  19. How to create a Two Dimensional Array in JavaScript ?
  20. How to Iterate over a Two Dimensional Array in JavaScript ?
  21. How to create a Three Dimensional Array in JavaScript ?
  22. How to Copy an Array in JavaScript ?
  23. How to Split an Array in JavaScript ?
  24. How to Join Arrays in JavaScript ?
  25. How to check if Two Arrays are Equal in JavaScript ?
  26. How to check if Two Arrays have Same Elements (Regardless of Order) in JavaScript ?
  27. How to Convert an Array of Integers to an Array of Strings in JavaScript ?
  28. How to Convert an Array of Strings to an Array of Integers in JavaScript ?
  29. How to Reverse an Array in JavaScript ?
  30. How to Shuffle an Array in JavaScript ?
  31. How to Rotate Elements in an Array in JavaScript ?
  32. How to Filter Elements of an Array based on a Condition in JavaScript ?
  33. How to Declare an Integer Array in JavaScript ?
  34. How to Declare a Float Array in JavaScript ?
  35. How to Declare a String Array in JavaScript ?
  36. How to Remove Duplicates in an Array in JavaScript ?
  37. How to Remove Specific Element from an Array in JavaScript ?
  38. How to Remove Element from Array based on a Condition in JavaScript ?
  39. How to Sort a String Array in Dictionary Order in JavaScript ?
  40. How to Concatenate Strings in Array in JavaScript ?