Question

有10张图片和10张描述。我需要随机选择一张图片和描述并进行渲染。所以，我编译了一个对象数组：

 const randomPictures = [
   { 
    image: 'url1',
    description: 'description1'
   },
   {
    image: 'url2',
    description: 'description2'
   }, 
   {
    image: 'url3',
    description: 'description3'
   }
 ];

如何从此数组中随机选择一个对象并进行渲染？或者可能是另一种获取随机图片及其描述的方式？

Answer 1

您可以使用math.random在max和min之间生成一个值，并使用math.floor舍入到最近的int：

Math.floor(Math.random() * (max - min) + min)

Answer 2

使用您给定的数组，这是一个选择随机数并获取该元素的信息的示例。

const randomPictures = [
  {
    image: 'url1',
    description: 'description1'
  },
  {
    image: 'url2',
    description: 'description2'
  },
  {
    image: 'url3',
    description: 'description3'
  }
]

randNum = Math.floor(Math.random() * randomPictures.length);
console.log(randomPictures[randNum].image);
console.log(randomPictures[randNum].description);

如何从列表中随机选择图片及其描述并进行渲染？

2 个答案: