如何为数组中的元素赋值？

Question

我正在设计一个简单的猜图游戏，在这个游戏中，用户会看到一个标志的图像，然后必须猜出该标志的名称。我将图像设置为使用javascript中的随机数生成器随机显示，但是，我不知道如何为每个标志分配一个名称，以便将其与用户输入进行比较。

这是我的密码。我将如何为我的图像增加价值，以便将它们与用户输入进行比较？

index.html:

<script language="javascript">
                    document.write("<div id = flagImage><img src = " + link[random_num] + " alt = Flag width = 250px></div>");
                </script>


main.js:

random_num = (Math.round((Math.random() * 10) + 1));
link = new Array;

link[1] = "../assets/flagImages/ad.png";
link[2] = "../assets/flagImages/ae.png";
link[3] = "../assets/flagImages/af.png";
link[4] = "../assets/flagImages/ag.png";
link[5] = "../assets/flagImages/ai.png";
link[6] = "../assets/flagImages/al.png";
link[7] = "../assets/flagImages/am.png";
link[8] = "../assets/flagImages/ao.png";
link[9] = "../assets/flagImages/aq.png";
link[10] = "../assets/flagImages/ar.png";`

Answer 1

您可以尝试设置和数组对象，并获取每个国家的图像的链接，然后是一个字符串来设置国家的名称。

你也可以得到每个国家的联系，如下所示：

​

let objectName = {name:"NameCountry", link:"https..."}

console.log(objectName.name)  //it'll return "NameCountry"
console.log(objectName.link)  //it'll return "https..."

​

Answer 2

使用对象关联数据元素：

const countries = [{ 
    name: 'United Kingdom', 
    flagImagePath: '../assets/flagImages/uk.png'
}, { 
    name: 'United States', 
    flagImagePath: '../assets/flagImages/us.png'
}]