javascript - 如何在 jQuery/JS 中创建具有多个值的 obj 并随机选择不重复的值

Question

这是创建和obj存储多个值的方法吗？如果是的话，如何随机选择两个或三个值而不再次重复，直到从数组中输出所有值？

我想随机获取这样的值

例如，如果随机选择第三行，那么结果应该是；

gg hh ee

也就是说，我想随机输出一个数组及其值，这就像一个问题的三个提示，因此，用户必须输入答案，然后比较这些值以查看是否匹配。

JS

var list = {
      "one": [ { "a": "aa",  "b": "bb", "c":"cc" } ],
      "two": [ { "d": "dd",  "e": "ee", "f":"ff" } ],
    "three": [ { "g": "gg",  "h": "hh", "e":"ee" } ],
     "four": [ { "j": "jj",  "k": "kk", "l":"ll" } ],
     "five": [ { "m": "mm",  "n": "nn", "o":"oo" } ]                                                
};

如果我决定一次只输出一个值，我该怎么做？

Answer 1

当前，如果随机选择第三行，它将输出一个包含一个条目(您的对象)的数组，如下所示:

[[object Object] {
  e: "ee",
  g: "gg",
  h: "hh"
}]

我们可以只使用数组和 Fisher-Yates 函数，可以在这里找到:https://github.com/coolaj86/knuth-shuffle

这应该为我们提供一个随机值数组。

function shuffle(array) {
  var currentIndex = array.length, temporaryValue, randomIndex ;

  // While there remain elements to shuffle...
  while (0 !== currentIndex) {

    // Pick a remaining element...
    randomIndex = Math.floor(Math.random() * currentIndex);
    currentIndex -= 1;

    // And swap it with the current element.
    temporaryValue = array[currentIndex];
    array[currentIndex] = array[randomIndex];
    array[randomIndex] = temporaryValue;
  }

  return array;
}

如果您需要与值关联的键，只需使用对象数组即可。我们可以只使用数组中对象的索引，而不是使用“一”、“二”、“三”等来标识每个集合。例如:

var list = [
      {"a" : "aa", "b": "bb", "c" : "cc"},
      {"d" : "dd", "e": "ee", "f" : "ff"},
      {"g" : "gg", "e": "hh", "i" : "ii"},
];

然后我们会使用:

shuffle(list);
console.log(list[0]);

这应该给我们一个随机的对象数组。每次运行它都会得到一个随机对象:

[object Object] {
  e: "hh",
  g: "gg",
  i: "ii"
}
[object Object] {
  e: "hh",
  g: "gg",
  i: "ii"
}
[object Object] {
  a: "aa",
  b: "bb",
  c: "cc"
}

只需在打乱数组后获取第一个项目，list[0] 并使用 for-in 循环来获取值:

var randomResult = list[0];
for (key in randomResult){
console.log(randomResult[key];
}

<小时/><小时/>

如果您不需要与值关联的键，即“a”和“aa”，并且您只想从值中随机选择，则可以使用数组和 Fisher-Yates(又名 Knuth)随机播放函数。

例如:

var list = ['aa', 'bb', 'cc', 'dd', 'ee', 'ff', 'gg']

然后我们可以将其应用到数组

shuffle(list)

我们会得到一个具有相同值(不重复)的数组，该数组是随机的并且可以迭代。

["cc", "ee", "bb", "gg", "aa", "ff", "dd"]

<小时/>

如果您需要将值分组在一起，但不需要键，即您需要 'aa'、'bb'、'cc' 始终一起返回，您可以使用数组的数组，也称为多维数组。

var list = [['aa', 'bb', 'cc'], ['dd', 'ee', 'ff'], ['gg', 'hh', 'ii']];

如果我们运行排序函数以及一些额外的代码，我们可以获得三个值

function sortedMulti(array){
    sorted(array);
    return array[0]

};

这样我们每次都会得到一个随机集。

["dd", "ee", "ff"]
["aa", "bb", "cc"]
["dd", "ee", "ff"]
["dd", "ee", "ff"]
["dd", "ee", "ff"]
["dd", "ee", "ff"]
["aa", "bb", "cc"]
["dd", "ee", "ff"]
["aa", "bb", "cc"]
["dd", "ee", "ff"]
["gg", "hh", "ii"]
["gg", "hh", "ii"]

这将使数组随机化，这意味着您将在主数组的索引 0 处获得一个随机集。然后，您可以返回它(就像我一样)或使用 for 循环迭代数组中的项目以获取每个值。