1. ホーム
  2. javascript

[解決済み] 配列をシャッフルする方法を教えてください。重複

2022-03-19 01:13:02

質問

JavaScriptで、以下のような要素の配列をシャッフルしたい。

[0, 3, 3] -> [3, 0, 3]
[9, 3, 6, 0, 6] -> [0, 3, 6, 9, 6]
[3, 3, 6, 0, 6] -> [0, 3, 6, 3, 6]

解決方法は?

使用方法 現代版Fisher-Yatesシャッフルアルゴリズム :

/**
 * 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;
}

ES2015 (ES6)版

/**
 * 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;
}

ただし、変数を 構造化代入 は、2017年10月現在、大幅な性能低下を引き起こします。

使用方法

var myArray = ['1','2','3','4','5','6','7','8','9'];
shuffle(myArray);

プロトタイプの実装

使用方法 Object.defineProperty ( このSOの回答から引用されたメソッド のようなループで表示されることなく、配列のプロトタイプメソッドとしてこの関数を実装することもできます。 for (i in arr) . 次のようにすると arr.shuffle() を使用して配列をシャッフルします。 arr :

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;
    }
});