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

Question

我有一个用于项目的简单 javascript 程序。简单来说，它只是在一个html页面上显示一个来自外部js文件的随机单词，比如Car、Bus、Train、Boat等。每次选择的单词都是随机选择的。因此，在一次加载时它可能会说 Bus，然后在另一次加载时可能会说 Airplane。

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

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;