将图像添加到 javascript 中的数组

Question

My code:

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

output is [1,2,3]

The expected output is:

1.jpg, 2.jpg, and 3.jpg ( all images )

My code is running well in webstorm and giving the expected output. How do I add images? Whenever I try to get an answer for this I'm getting redirected to a new language or framework. How do I add design to my javascript code?

Answer 1

As I understood, you want to add a postfix to your array, so the code will be:

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>