How to Shuffle an Array in JavaScript - Step by Step Examples

◀ Previous Next ▶

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,

We have an array named intArray containing integers.
We apply the Fisher-Yates shuffle algorithm to intArray.
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,

We have an array named strArray containing strings.
We apply the Fisher-Yates shuffle algorithm to strArray.
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.

◀ Previous Next ▶

JavaScript Tutorials

JavaScript How-Tos

How to Shuffle an Array in JavaScript - Step by Step Examples

How to Shuffle an Array in JavaScript ?

Answer

✐ Examples

1 Shuffle Array of Integers

JavaScript Program

Output

2 Shuffle Array of Strings

JavaScript Program

Output

Summary

More JavaScript Arrays Tutorials