时间戳

首页 > 解决方案 > 无法遍历对象

javascript - 无法遍历对象

问题描述

我有一个包含各种对象的对象文字，但我无法在网页中显示这些值。我试过'for loop'方法，但它只显示一个值。我想在问题对象中显示所有问题属性，但是使用此代码，我只能显示一个属性。

let questions = [{
    question: "Jinnah's first salary",
    choice1: 'Rs-1',
    choice2: 'Rs-1000',
    choice3: 'Rs-10000',
    choice4: 'Rs-100,000',
    correct: 'A'
  },
  {
    question: "First recognised Pakistan",
    choice1: 'USA',
    choice2: 'Iran',
    choice3: 'China',
    choice4: 'None',
    correct: 'B'
  },
  {
    question: "National bird",
    choice1: 'Bee',
    choice2: 'Parrot',
    choice3: 'Chokor',
    choice4: 'Peagon',
    correct: 'C'
  },
];


for (let i = 0; i <= questions.length; i++) {
  document.querySelector('.p').innerText = questions[i].question;
}
<!DOCTYPE html>
<html lang="en">
<body>
  <div class="p"></div>
</body>
</html>

标签： javascriptobject

解决方案

如果您希望每个问题有一个段落，则必须将每个段落生成为 HTML，例如如下：

for (var i = 0; i < questions.length; i++) {  
   document.querySelector('body').innerHTML += "<p>"+questions[i].question+"</p>";
}

推荐阅读