Maison > interface Web > js tutoriel > Comment puis-je mélanger un tableau en JavaScript ?

Comment puis-je mélanger un tableau en JavaScript ?

Susan Sarandon
Libérer: 2024-12-19 12:07:27
original
337 Les gens l'ont consulté

How Can I Shuffle an Array in JavaScript?

Mélanger des tableaux en JavaScript

En JavaScript, mélanger un tableau fait référence à la réorganisation de ses éléments dans un ordre aléatoire.

Algorithme de lecture aléatoire de Fisher-Yates

La version moderne de l'algorithme de lecture aléatoire Fisher-Yates peut être implémentée comme :

/**
 * Shuffles array in place.
 * @param {Array} a items An array containing the items.
 */
function shuffle(a) {
    var j, x, i;
    for (i = a.length - 1; i > 0; i--) {
        j = Math.floor(Math.random() * (i + 1));
        x = a[i];
        a[i] = a[j];
        a[j] = x;
    }
    return a;
}
Copier après la connexion

Version ES6

La version ES6 de l'algorithme peut être écrite comme :

/**
 * Shuffles array in place. ES6 version
 * @param {Array} a items An array containing the items.
 */
function shuffle(a) {
    for (let i = a.length - 1; i > 0; i--) {
        const j = Math.floor(Math.random() * (i + 1));
        [a[i], a[j]] = [a[j], a[i]];
    }
    return a;
}
Copier après la connexion

Méthode prototype

Pour créer le fonction plus polyvalente, elle peut être implémentée comme méthode prototype pour tableau :

Object.defineProperty(Array.prototype, 'shuffle', {
    value: function() {
        for (let i = this.length - 1; i > 0; i--) {
            const j = Math.floor(Math.random() * (i + 1));
            [this[i], this[j]] = [this[j], this[i]];
        }
        return this;
    }
});
Copier après la connexion

Utilisation Exemple

L'exemple suivant montre comment utiliser la fonction shuffle :

const myArray = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
shuffle(myArray);
console.log(myArray); // Logs a shuffled array
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal