• はてなアカウントでログイン
• 無料ユーザー登録

みんなの回答

• 犬猫ハーフ2016/12/07 21:58:50

  ダミーの配列を用意して、それをシャッフルした後にダミーの配列の順にdata1～3を並び替えるのはどうでしょうか？
  
  【手順】
  1. data0を{0,1,2,3}で初期化する。
  2. data0をシャッフルする。
  3. data0の結果に応じて、data1～3を並び替える。
  
  例えば、2.の後にdata0が{2,0,1,3}になっていたら、data1は{"Cさん","Aさん","Bさん","Dさん"}とする感じです。

  スター

  • 

    1件のコメントを見る

  • javelover 2016/12/08 09:36:35

    ありがとうございます。なかなかこのアイデアが出てきませんでした。
    ダミーの配列だけシャフルして、その順番と同じ配列の中身を
    取り出すやり方ですね。さっそくコードを考えています。
    ありがとうございました！

    スター

POGPI2016/12/08 08:01:35

No1の方と同じで、インデックスだけシャッフルで、data1からdata3はシャッフルする必要ないと思いますよ。
シャッフルされた順に、
data1[data0[（インデックス）］］
data2[data0[（インデックス）］］
data3[data0[（インデックス）］］
で、インデックスを＋１していけば結びついたまま取れますよ。

スター

• 

  1件のコメントを見る

• javelover 2016/12/08 09:52:42

  ありがとうございます！！　さっそく試してみました。
  
  var data1 =["Aさん","Bさん","Cさん","Dさん"]
  var data2 =["北海道","千葉","神奈川","沖縄"]
  var data3 =["１０歳","１２歳","５０歳","４４歳"]
  var index =[];
  var data1_after=[];
  var data2_after=[];
  var data3_after=[];
  
  for (var i = 0; i < data1.length; i++) {
  index.push(i)　　//インデックスの配列に数字をつめる
  }
  
  var shuffle = function() {return Math.random()-.5};
  index.sort(shuffle)
  
  for (var i = 0; i < index.length; i++) {
  data1_after.push(data1[index[i)
  data2_after.push(data2[index[i)
  data3_after.push(data3[index[i)
  }
  alert(data1_after)
  alert(data2_after)
  alert(data3_after)
  
  初心者的なコードで恐縮ですが、こんな感じで試してみました。

  スター

a-kuma32016/12/08 10:56:18

「添え字を並べ替えれば良いじゃない」という話は既に出ているので、別の視点から。


そもそも、そのシャッフルの仕方が良くないです。きれいに混ざりません。

• Array#sort実装のshuffleは偏る - Qiita
• Array.sort() should not be used to shuffle an array | Lambda

＃ Qiita からの参照ページ（2番目）がアーカイブ落ちですが、混ざらない様子がよく分かります

一見、短いコードでエレガントなように見えますが、ソートのアルゴリズムによっては思った通りにならない。
安定なソートで速い、というところでライブラリはマージソートで実装されていることが多いので、あのような結果になります。
＃ バブルソートとか選択ソートなら、期待通りに混ざると思います

で、こうするべきだろうと書かれているコードがこうです。

Array.prototype.shuffle = function (){
    var i = this.length, j, temp;
    if ( i == 0 ) return;
    while ( --i ) {
        j = Math.floor( Math.random() * ( i + 1 ) );
        temp = this[i];
        this[i] = this[j];
        this[j] = temp;
    }
};

あるひとつと、別のもうひとつをランダムに選んで入れ替える、を繰り返します。
これは、Array のメソッドを拡張するやり方なので、自分（this）を対象にしていますが、このやり方だと複数の配列を対象にもできます。
質問のケースに合わせるとこんな感じ。

var data1 =["Aさん","Bさん","Cさん","Dさん"]
var data2 =["北海道","千葉","神奈川","沖縄"]
var data3 =["１０歳","１２歳","５０歳","４４歳"]

var i = data1.length, j, temp;
while ( --i ) {
    j = Math.floor( Math.random() * ( i + 1 ) );
    // data1
    temp = data1[i];
    data1[i] = data1[j];
    data1[j] = temp;
    // data2
    temp = data2[i];
    data2[i] = data2[j];
    data2[j] = temp;
    // data3
    temp = data3[i];
    data3[i] = data3[j];
    data3[j] = temp;
}
console.log(data1);
console.log(data2);
console.log(data3);

値の入れ替えを三つの配列に対してやっているだけです。


あと、長く付き合うプログラムなら、データの持ち方は見直した方が良いと思います。
関係する一連の情報は、近くにあった方が良い です。
「近く」というのは、こういうことです。

// 配列の配列
var data =[
    ["Aさん", "北海道", "１０歳"],
    ["Bさん", "千葉",   "１２歳"],
    ["Cさん", "神奈川", "５０歳"],
    ["Dさん", "沖縄",   "４４歳"],
];

// 連想配列の配列
var data =[
    {name: "Aさん", address: "北海道", age: "１０歳"},
    {name: "Bさん", address: "千葉",   age: "１２歳"},
    {name: "Cさん", address: "神奈川", age: "５０歳"},
    {name: "Dさん", address: "沖縄",   age: "４４歳"},
];

こうしておくと、このシャッフルの問題もひとつの値を対象にするときのロジックが素直に使えたり、例えば、年齢で並べ替えたり、というときも素直なコードで書くことができます。

スター

• 

  1件のコメントを見る

• javelover 2016/12/08 14:02:11

  a-kuma3さん、これすごいですね　複数の配列を一気に並行してできるのですね？
  さっそく、今から、これを使って試してみます。
  配列の並びもちょっと見直し改良を検討してみます。
  いろいとありがとうございます。

  スター
• その他の回答を読む

この質問へのコメント

質問の情報

登録日時

2016-12-07 21:31:42

終了日時

2016-12-21 21:35:03

回答条件

1人30回まで

この質問のカテゴリ

• ウェブ制作
• 旅行・地域情報

この質問に含まれるキーワード

人気の質問

• この英文どうなってますか？ The boy seemed to be waiting for his mother to come.（その少年は母親が来…匿名質問者112日前
• 不定詞の形容詞的用法らしいんですけど、副詞的用法と書いたら✖️ですか？ I want to buy a book to read …匿名質問者112日前
• 日向陽葵という○V女優が好きなのですが似ている○V女優はいますか匿名質問者22時間前
• 共通テストで使われるプログラミング言語は共通テスト特有の言語と聞いたのですが、受験勉強で身につけたプ…匿名質問者222時間前
• 内定してほしいポケモンはいますか？匿名質問者22時間前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ