Question

我正在制作一个javascript游戏，其中一个单词（9个可能的单词中的1个）弹出屏幕并在几秒钟后消失。在此消失之后，9个可能出现的9个可能单词的相应图像出现在屏幕上。我想将单词数组与我的图像数组相关联，这样当出现单词时，您必须单击正确的相应图像才能进入下一级别。

如何连接两个阵列？

Answer 1

默认情况下，数组都使用基于0的索引来保存它们的值，因此，如果图片在图片数组中与图像数组中的相关图像位于相同位置，则应该能够使用相同的指数。

示例：

var wordArray = ["word1", "word2", "word3", "word4", "word5", "word6", "word7", "word8", "word9"];
var imageArray = ["image1", "image2", "image3", "image4", "image5", "image6", "image7", "image8", "image9"];

如果您像这样设置数组，那么您可以使用相同的索引来引用配对的单词/图片：

wordArray[0]  is 'word1'
imageArray[0] is 'image1'

wordArray[1]  is 'word2'
imageArray[1] is 'image2'

. . .

wordArray[8]  is 'word9'
imageArray[8] is 'image9'

或者，您可以使用包含单词/图片对的单个对象数组，而不是两个单独的数组。

var data = [
    {word: "word1",
     image: "image1"},
    {word: "word2",
     image: "image2"},

    . . .

    {word: "word9",
     image: "image9"}
];

如果你走这条路线，那么你会像这样引用配对的单词/图片，而不是：

data[0].word  is 'word1'
data[0].image is 'image1'

data[1].word  is 'word2'
data[1].image is 'image2'

. . .

data[8].word  is 'word9'
data[8].image is 'image9'

Answer 2

您可以使用字典存储您的信息：

var data = {"banana": "banana.jpg", "apple": "apple.jpg", ..., "pear": "pear.jpg"}

使用javascript将单词数组与图像数组配对

2 个答案: