在 JavaScript 中制作文件路徑數組？

Question

這可能是一個愚蠢的問題，但我似乎無法找到答案。 我對 Javascript 很陌生，我想知道如何將文件/文件路徑聲明為變量，這樣我就可以將它們放在一個數組中。

就像，如果我在一個文件夾中有很多圖像（例如，幾百張）並且我想根據用戶選擇的標簽顯示某些圖像，那么必須有一種方法可以將這些圖像文件放在一個數組中，以便 For loop 可以循環遍歷它們，對嗎？

（更好的是，如果我有名為 1.png、2.png 等的文件，但我不知道這是否可行）

無論如何，基本上我需要知道的是如何制作一個文件數組，以便“圖片[245]”指的是“images/small/245.png”

我覺得我必須忽略一些明顯的東西。

Answer 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";
}

Answer 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] ...等等...