Shuffling an array or a list means that we randomly re-arranging the content of that structure. To shuffle an array we will use the following algorithms:
Approach: In this approach, we are using the array elements in reverse order and then swapping each element with a random one.
function shuffleArray(array) {
for (var i = array.length - 1; i > 0; i--) {
// Generate random number
var j = Math.floor(Math.random() * (i + 1));
var temp = array[i];
array[i] = array[j];
array[j] = temp;
}
return array;
}
Example: In this example, we are using the above approach.
html
<p>Array is=[1, 2, 3, 4, 5, 6, 7]</p><button onclick="show()">Â Â Â Â click</button>Â
<script>    // Function to shuffle the array content    function shuffleArray(array) {        for (var i = array.length - 1; i > 0; i--) {Â
            // Generate random number             var j = Math.floor(Math.random() * (i + 1));Â
            var temp = array[i];            array[i] = array[j];            array[j] = temp;        }Â
        return array;    }Â
    // Function to show the result    function show() {        var arr = [1, 2, 3, 4, 5, 6, 7]        var arr1 = shuffleArray(arr)Â
        document.write("After shuffling: ", arr1)    }</script> |
Output:Â Â
How to shuffle an array using JavaScript ?
Approach 2: Passing a function that returns (random value – 0.5 ) as a comparator to sort function, so as to sort elements on a random basis.Â
function shuffleArray(array) {
return array.sort( ()=>Math.random()-0.5 );
}
Example: This example shows the use of the above-explained approach.
HTML
<p>Array is=[1, 2, 3, 4, 5, 6, 7]</p><button onclick="show()">    click</button><script>    // Function to shuffle the array content     function shuffleArray(array) {        return array.sort(() => Math.random() - 0.5);    }Â
    // Function to show the result     function show() {        var arr = [1, 2, 3, 4, 5, 6, 7]        var arr1 = shuffleArray(arr)Â
        document.write("After shuffling: ", arr1)    } </script> |
Output:
How to shuffle an array using JavaScript ?
