你能在一个数组中操作一个JS函数吗？

Question

我有 JS 测验，问题是从数组中随机选择的。我试图用图像（俱乐部徽章）替换每个问题，但保持答案格式不变。这可能吗？如何实现？当前代码如下：JavaScriptconst questions = [    {        question:  `What league do Manchester United play in?`,        answers: [            {text: 'Premier League', correct: true},            {text: 'Championship', correct: false},            {text: 'League One', correct: false},            {text: 'Scottish Premiership', correct: false}        ]    },    {        question: 'What league do Millwall play in?',        answers: [            {text: 'Premier League', correct: false},            {text: 'Championship', correct: true},            {text: 'League One', correct: false},            {text: 'Scottish Premiership', correct: false}        ]    },HTML:<div id="question"><img id="crest" src="assets/images/image1.png"></div>我已经在 JS 中创建了这些函数，但不知道如何让它们在问题中运行function displayManutdCrest() {    document.getElementById('crest').src='assets/images/image2.png'}function displayMillwallCrest() {    document.getElementById('crest').src='assets/images/image3.png'}我只是在学习 JS，如果这没有意义，我深表歉意

Answer 1

我认为这个问题是有道理的，可以说明一些有用的东西。您想要创建一种易于放大的方法。如评论中所述，您不想为每个问题编写一个函数，这会使构建问题库变得非常困难。您需要一个单一的功能来回答任何问题以及您需要的所有信息。那么函数只需要从题库中读取相应的信息即可。您可以添加另一个标签，例如pict. 类似（非功能代码）：

const questions = [

{

    question:  `What league do Manchester United play in?`,

    pict: "assets/images/image2.png",

    answers: [

        {text: 'Premier League', correct: true},

        {text: 'Championship', correct: false},

        {text: 'League One', correct: false},

        {text: 'Scottish Premiership', correct: false}

    ]

},

{

    question: 'What league do Millwall play in?',

    pict: "assets/images/image3.png",

    answers: [

        {text: 'Premier League', correct: false},

        {text: 'Championship', correct: true},

        {text: 'League One', correct: false},

        {text: 'Scottish Premiership', correct: false}

    ]

},

...

];

function displayQuestion(q){

  // Choose question

  let i = ... ; //someRandomValue;

  let question = q[i];

  //

  document.getElementById('crest').src = question.pict;

}

displayQuestion(questions);