добавление изображения в массив в javascript

Question

мой код:

var a = ["1","2","3"]
console.log(a)

выходной сигнал [1,2,3]

ожидаемый выходной сигнал,

1 .jpg, 2.jpg и 3.jpg (все изображения)

мой код работает хорошо в веб-шторме и выдает ожидаемый результат, как мне добавлять изображения. Всякий раз, когда я пытаюсь получить ответ на этот вопрос, меня перенаправляют на новый язык или структуру. Как добавить дизайн в мой код javascript?

Answer 1

Как я понял, вы хотите добавить постфикс в ваш массив, поэтому код будет:

a.map(item => `${item}.jpg`)

Answer 2

const a = ["1", "2", "3"];
const imageFolderPath = "/";
const imageExtension = '.jpg';

var imagePaths = a.map((name) => imageFolderPath + name + imageExtension );

function createImages(imagePaths) {
  return imagePaths.map((imagePath) => {
    const image = document.createElement("img");
    image.setAttribute("src", imagePath);
    return image;
  });
}

function addImagesToDiv(divId, images) {
  const theDiv = document.getElementById(divId);
  images.forEach((image) => theDiv.appendChild(image));
}

const images = createImages(imagePaths);
addImagesToDiv("myDiv", images);

<div id="myDiv"></div>