如何将图像存储在JavaScript数组中

Question

我想知道是否有人知道这是否可行，以及如何将图像存储在阵列中。我对JavaScript相当陌生，因此，如果您确实知道该怎么做，可以遍历语法并解释如何做。我尝试使用本地存储的照片以及来自Internet的图像URL。我想在满足某些条件并按下按钮时显示照片。我正在尝试制作一个电影建议网站，当选择一种类型并按下按钮时，该网站将显示一系列图像。我知道我的代码尚不完整，但是朝正确方向的任何推动将不胜感激。

这是我试图将图像存储在数组中的方式，但是它不起作用

var images = ['github-logo.png'，'linkedin-logo.png'，'gmail.png']

Answer 1

您可以尝试使用如下所示的数组：

var pics = {
    "genre1":["pic1.jpg", "pic2.jpg", "pic3.jpg"],
    "genre2":["pic4.jpg", "pic5.jpg", "pic6.jpg"],
    "genre3":["pic7.jpg", "pic8.jpg", "pic9.jpg"]
};

然后您可以获取特定类型的相关图片，如下所示：

var picarray = pics.genre1;

或

var picarray = pics["genre1"];