javascript - 如何使用 javascript 将静态信息分配给随机选择的数据？

Question

我有一个简单的 JavaScript 程序，正在用于项目。简单地解释一下，它只是从外部 js 文件中在 html 页面上显示一个随机单词，比如 Car、Bus、Train、Boat 等。每次选择的单词都是随机选择的。因此，在一次负载上它可能会说“公共(public)汽车”，然后在另一次负载上可能会说“飞机”。

我现在想为每个单词分配静态信息，我想弄清楚，实现此目的最简单的方法是什么？例如，我仍然希望数据是随机选择的，但如果它说“总线”，我想显示总线的图片或显示一些其他数据，但仅限于选择“总线”时，其他所有单词也是如此。

Answer 1

创建一个对象数组:

var wordList = [
 {
  "word" : "Bus",
  "image" : "http://www.example.com/bus.jpg"
 },
 {
  "word" : "Airplane",
  "image" : "http://www.example.com/airplane.jpg"
 }
]

然后您可以通过以下方式引用它们:

var busWord = wordList[0].word;
var airplaneImage = wordList[1].image;

获得随机数后，您可以相应地生成配对:

var rand = Math.floor((Math.random()*wordList.length)+1);
var myWord = wordList[rand].word;
var myImage = wordList[rand].image;