JavaScriptでシャッフル＆ソート
JavaScript でシャッフルしたい！
ビンゴボール、トランプカードなどのシャッフル。
JavaScript で配列をシャッフルする方法です。
順を追って解説しているので、実装方法だけを知りたい人は「シャッフルしてみる」までスキップしてください。
シャッフルの前に知っておくこと、それは sort
シャッフル実装の前にソートを勉強しましょう。
並びをランダムにしたいシャッフルとは真逆の機能ですが、配列のソート機能を使ってシャッフルを実現します。
Array.prototype.sort
Arrayのプロトタイプにある、sortメソッド。
これは配列内部を直接並び替えます。
コピーを作成するわけではないことに注意してください。
// 配列にソートされていない数字を用意
const array = [3, 9, 1, 2, 4, 5, 6, 7, 8, 10];
// sortメソッドを実行すると、配列の中身を直接操作します
array.sort();
// 結果: [ 1, 10, 2, 3, 4, 5, 6, 7, 8,