Javascript 如何使用“for循环”在对象数组中循环并在模板文本中打印结果

我尝试使用“for”循环遍历对象数组，并希望使用Javascript在模板中打印结果。但是，模板中的数据返回为未定义。不知道我哪里出错了

康斯特人=[{ 姓名：马丁， 年龄:45 }, { 姓名：史蒂夫， 年龄:32 } ]; 对于let i=0；i `; document.writetemplate；

---

} 您不是在访问数组的当前元素，而是在访问未定义的people.name和people.age。您需要将其更改为：

for(let i = 0; i < people.length; i++) {
    const template = `
         <h2>${people[i].name}</h2>
         <p>${people[i].age}</p>
     `;
     document.write(template);
}

---

您需要使用索引即i来访问人员数组项：

const people = [
  {
    name: 'Martin',
    age: 45,
  },
  {
    name: 'Steve',
    age: 32,
  },
];

for (let i = 0; i < people.length; i++) {
  let person = people[i];
  let template = `
       <h2>${person.name}</h2>
       <p>${person.age}</p>
   `;
  document.write(template);
}

---

人民[我]。name@adiga非常感谢。我现在明白了。我只是错过了那一点。假设我使用了太多的Vue.JS，而您只是使用了{{person.name}等内容。谢谢您的帮助。我现在明白了，我喜欢第二种方法。谢谢你的帮助！

const people = [
  {
    name: 'Martin',
    age: 45,
  },
  {
    name: 'Steve',
    age: 32,
  },
];

for (let i = 0; i < people.length; i++) {
  let person = people[i];
  let template = `
       <h2>${person.name}</h2>
       <p>${person.age}</p>
   `;
  document.write(template);
}