如何在JavaScript中使用地图从URL数组创建图像数组?

Question

如何在JavaScript中使用地图从URL数组创建图像数组?我不想渲染任何东西。只想在JavaScript中使用它。我试过了，但它在控制台中返回未定义…

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)

Answer 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)