Question

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

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

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;

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

1 个答案: