javascript - 从数组数组创建 html 元素的简写方法

Question

<分区>

Answer 1

我不清楚你的问题数组是如何组合在一起的，但你的函数看起来像是要接受一个问题并为该问题创建 html 以及一系列答案选择。

为了简化问题中的功能，您可以处理第一个 question 属性，然后遍历 choices 数组以添加您要查找的其余 html附加。类似于下面的示例(省略了您的 strong 标签，因为它们看起来很奇怪，我不确定您真正想要它们的位置)。

您可以遍历主要问题数组并调用此函数(或只创建一个函数来完成所有操作)，但如果示例中没有更多代码或数据，则很难准确说明您应该如何处理它。

function questionContent(questions) {
  let question = `<p>${questions[questionTracker].question}</p>`;
  for (const choice of questions[questionTracker].choices) {
    question += `<p class="choices">${choice}</p>`;
  }

  $("#gameShow").append(question);
}