untuk gelung secara rawak pergi dari 1 hingga 0

Question

Pada asasnya, setiap kali halaman dimuat semula, gelung for berpotensi berubah daripada 1 kepada 0. Saya tidak tahu mengapa ini berlaku, tetapi ia mempengaruhi cara imej saya berlapis di atas satu sama lain.

Saya cuba menggunakan gelung foreach tetapi ia masih memberikan saya hasil yang sama.

Ini ialah kod untuk gelung untuk:

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

Tatasusunan sangat mudah.

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

Saya melakukan ini semua pada pelayan. NodeJS

Answer 1

Cuba ini

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