la boucle for passe aléatoirement de 1 à 0

Question

Fondamentalement, chaque fois que la page est actualisée, la boucle for a le potentiel de passer de 1 à 0. Je ne sais pas pourquoi cela se produit, mais cela affecte la façon dont mes images sont superposées.

J'ai essayé d'utiliser une boucle foreach mais cela m'a toujours donné le même résultat.

Voici le code de la boucle 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);
  });
};

Les tableaux sont très simples.

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

Je fais tout cela sur le serveur. NodeJS

Answer 1

Essayez ceci

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