Как создать массив изображений из массива URL в JavaScript с помощью map?

#javascript #arrays

#javascript #массивы

Вопрос:

Как создать массив изображений из массива URL в JavaScript с помощью map? Я не хочу ничего отображать. Просто хочу использовать его в JavaScript. Я пробовал это, но он возвращает undefined в консоли…

 const urlArray = [
  'Images/black.png',
  'Images/yellow.png',
  'Images/pink.png',
]

const imgArray = urlArray.map(url => {
  let img = new Image()
  img.src = url
})

console.log(imgArray)
 

Ответ №1:

Вам нужно возвращать img на каждой итерации:

 const urlArray = [ 'Images/black.png', 'Images/yellow.png', 'Images/pink.png'];

const imgArray = urlArray.map(url => {
  let img = new Image()
  img.src = url;
  return img; // add this
})

console.log(imgArray)