web-dev-qa-db-ja.com

JavaScript-オブジェクト内のオブジェクトのシャッフル（ランダム化）

JSONの結果からランダム化を実装する必要があります。

JSONの形式は2つのオブジェクトです。

結果：

質問（オブジェクト）

[Object { id="4c6e9a41470b19_96235904",  more...}, 
 Object { id="4c784e6e928868_58699409",  more...}, 
 Object { id="4c6ecd074662c5_02703822",  more...}, 6 more...]

トピック（オブジェクト）

[Object { id="3jhf3533279827_23424234",  more...}, 
 Object { id="4634663466cvv5_43235236",  more...}, 
 Object { id="47hf3892735298_08476548",  more...}, 2 more...]

質問オブジェクトとトピックオブジェクト内のオブジェクトの順序をランダム化したい。

javascriptjsonobjectshufflerandom
20
easement

Fisher-Yates-Durstenfeldシャッフル を使用できます：

var shuffledQuestionArray = shuffle(yourQuestionArray);
var shuffledTopicArray = shuffle(yourTopicArray);

// ...

function shuffle(sourceArray) {
    for (var i = 0; i < sourceArray.length - 1; i++) {
        var j = i + Math.floor(Math.random() * (sourceArray.length - i));

        var temp = sourceArray[j];
        sourceArray[j] = sourceArray[i];
        sourceArray[i] = temp;
    }
    return sourceArray;
}
30
LukeH

最も簡単な方法（完全なシャッフルではありませんが、場合によってはより良い方法もあります）：

function randomize(a, b) {
    return Math.random() - 0.5;
}

yourQuestionArray.sort(randomize);
yourTopicArray.sort(randomize);

または

yourQuestionArray.sort(function (a, b) {return Math.random() - 0.5;});
yourTopicArray.sort(function (a, b) {return Math.random() - 0.5;});

（ http://jsfiddle.net/dJVHs/ ）

9
pepkin88

Fisher-Yatesアルゴリズム を使用してJavaScriptで配列をシャッフルすると、 この投稿 が見つかりました。この関数を使用します：

function fisherYates ( myArray ) {
  var i = myArray.length;
  if ( i == 0 ) return false;
  while ( --i ) {
     var j = Math.floor( Math.random() * ( i + 1 ) );
     var tempi = myArray[i];
     var tempj = myArray[j];
     myArray[i] = tempj;
     myArray[j] = tempi;
   }
}
7
gnarf