我正在创建一个包含 5 个随机问题的测验（从一个包含 20 个问题的数组中）。 我想为每个可能的问题分配一张图片

Question

我正在创建一个包含 5 个随机问题的测验（在 20 个数组中）。 我想为每个可能的问题分配一张图片。 我这样做的方式是使用 switch 语句，但由于我有 20 个问题，这会产生太多代码。 有没有另一种方法可以通过使用更少的代码来实现这一点？

这是我正在使用的代码：

const assignPictures = (value, questionID) => {

const addPicture = document.createElement("div");

 addPicture.setAttribute("class","imagesInQuestion")

  switch(true){
     
   case value === Array[0]:

      addPicture.innerHTML = `
   <img class="inlineImages" src ="/Images/Image.png">              
`
      break;
  
   case value === Array[1]:

      addPicture.innerHTML = `
      <img class="inlineImages" src ="/Images/Image2.png">              
   `
      break;

.....

Answer 1

使用 object 阵列。

var data = [{
      question : "Question"
      answer : "answer"
      image : "/image.png"
    },
    {
      question : "Question"
      answer : "answer"
      image : "/image.png"
    }]

然后在单击按钮的同时创建用于插入图像和问题的功能