javascript - 使用 javascript 列出 for 循环中的所有项目

Question

我正在寻找一种方法来列出下面循环中的每个名字。目前，它循环遍历每个名​​字，最后一个名字停止，即 jack ，并且仅显示该名字。我希望它显示所有这些内容，例如:John、Jane、Joe

var person = [{firstName:"John"}, {firstName:"Jane"}, {firstName:"Jack"}];

for (var i = 0; i < person.length; i++) {
document.getElementById("demo").innerHTML = person[i].firstName;
}

任何人都可以建议我如何做到这一点吗？

Answer 1

问题是您正在覆盖 innerHTML 值，而不是需要使用 '+' 将您的值附加到 innerHTML 属性:

var person = [{firstName:"John"}, {firstName:"Jane"}, {firstName:"Jack"}];
var demo = document.getElementById("demo");

for (var i = 0, len = person.length; i < len; i++) {
  demo.innerHTML += person[i].firstName + ' ';
}

看看这个 codepen 。我添加了一些修改以使代码性能更高。