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);
    });
  })
}