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

How can I assign static pieces of information to randomly selected data with javascript?

本文关键字：随机 选择 数据 分配 信息 何使用 javascript 静态      更新时间：2023-09-26

我有一个简单的javascript程序，我正在用于一个项目。简单地解释一下，它只是在外部js文件中的html页面上显示一个随机单词，例如汽车，公共汽车，火车，轮船等。每次选择的单词都是随机选择的。因此，在一个负载上，它可能会说巴士，然后另一个时候它可能会说飞机。

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

创建一个对象数组：

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;
相关文章：