如何将包含附加到 URL 的变量的 arrays 放入图像占位符中？ JavaScript

Question

var imagesID = ["Image1", "Image2", "Image3", "Image4", "Image5", "Image6"];

function setImage() {
  for (var i = 0; i < gardenList.length; i++) {
    image(imagesID[i]++, gardenList[i]++);
  }
} 

gardenList consists of a list of variables that are chosen by the user and are added to the end of an array as the user checks boxes. What I'm having trouble with is that when the function loops for as long as the length of gardenList.Length, the program says that image() id parameter value (NaN) is not a string. "Image1" and so on are the IDs for image placeholders. The variables in gardenList consist of URLs and would look something like this:

var lettuce = " https://bhvifbvijcncjowcw " gardenList = [lettuce, ...] Does anyone know how to resolve this issue?

Answer 1

You are adding unnecessary ++ in the loop. This should work

 var imagesID = ["Image1", "Image2", "Image3", "Image4", "Image5", "Image6"]; function setImage() { for (var i = 0; i < gardenList.length; i++) { image(imagesID[i], gardenList[i]); } }