for循環隨機從1到0

Question

基本上，每次刷新頁面時，for 循環都有可能從 1 變成 0。我不知道為什麼會發生這種情況，但它影響了我的圖像彼此分層的方式。

我嘗試使用 foreach 循環，但它仍然給了我相同的結果。

這是 for 迴圈的程式碼：

for (let index = 0; index < Img.length; index++) {
  const element = Img[index];
  fs.readFile(__dirname + '/assets/textures' + element, function(err, data) {
    console.log("Index: " + index);
  });
};

陣列非常簡單。

let Img = ["/red.png", "/face.png"];

我正在伺服器上完成這一切。 NodeJS

Answer 1

試試這個

let Img = ["/red.png", "/face.png"];

async function prepareImages() {
  for (let index = 0; index < Img.length; index++) {
    const element = Img[index];
    await loadImage(element)
  };
}

function loadImage(element) {
  return new Promise((resolve, reject) => {
    fs.readFile(`${__dirname}/assets/textures${element}`, function(err, data) {
      console.log("dir ", `${__dirname}/assets/textures${element}`);
      if(err) {
        reject("Error: ", err)
      }
      
      resolve(data);
    });
  })
}