次のように 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]
ベストアンサー1
/**
* 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;
}
});