Die for-Schleife geht zufällig von 1 auf 0

Question

Grundsätzlich kann sich die for-Schleife jedes Mal, wenn die Seite aktualisiert wird, von 1 auf 0 ändern. Ich weiß nicht, warum das passiert, aber es beeinflusst die Art und Weise, wie meine Bilder übereinander geschichtet werden.

Ich habe versucht, eine foreach-Schleife zu verwenden, aber sie lieferte immer noch das gleiche Ergebnis.

Dies ist der Code für die for-Schleife:

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

Arrays sind sehr einfach.

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

Ich mache das alles auf dem Server. 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);
    });
  })
}