在 JavaScript 中制作文件路径数组？答案

【问题标题】：Making an array of file paths in JavaScript?在 JavaScript 中制作文件路径数组？
【发布时间】：2017-01-15 22:52:36
【问题描述】：

这可能是一个愚蠢的问题，但我似乎找不到答案。我对 Javascript 很陌生，我想知道如何将文件/文件路径声明为变量，以便将它们放入数组中。

例如，如果我在一个文件夹中有很多图像（例如，数百个）并且我想根据用户选择的标签显示某些图像，那么必须有一种方法可以将这些图像文件放在一个数组中所以 For 循环可以循环遍历它们，对吗？

（如果我有名为 1.png、2.png 等的文件，如果它能够以某种方式将 int 解析为 [i].png 之类的文件名，那就更好了，但我不知道这是否可能）

无论如何，基本上我只需要知道如何制作一个文件数组，以便“Pictures[245]”指的是“images/small/245.png”

我觉得我必须忽略一些明显的东西。

【问题讨论】：

你能分享更多关于你的问题的细节吗？是什么让您无法将这些文件放入您想要使用的数组结构中？

标签： javascript arrays filepath

【解决方案1】：

就是这样：

var Pictures = [];

Pictures.push("/images/small/0.png");
Pictures.push("/images/small/1.png");
Pictures.push("/images/small/2.png");

然后你可以通过调用Pictures[0]、Pictures[1]等来获取它们。

请注意，数组索引从零开始，因此如果您使用上述解决方案并按顺序添加图像，那么您的图像245.png 将在索引244 下而不是245。

如果你只是想通过文件名或某些标识符创建图像的 URL，那么不要使用数组，只需使用函数：

getImageUrl(index) {
   return "/images/small/" + index + ".png";
}

【讨论】：

【解决方案2】：

基本上你只是想做。

var picture = []; //Define array pictures

//loop through all pictures
for (i = 0; i < (amount of images); i++) {
    picture.push("/images/small/" + i + ".png"); //Add to array
}

现在您可以致电picture[0] ... picture[1] ... 等等...

【讨论】：