Javascript 将JS对象生成为HTML不起作用

嗨，我正在尝试使用一个For循环和一个带有几个不同变量的对象，用JS生成一些HTML代码。我以前没有用纯JS做过这件事，我也不知道怎么做。谁能给我解释一下吗

到目前为止，我尝试过的几种不同的方法是 剧集[艾美]；， 剧集[如姓名]；， 剧集名称[e]

document.addedventListenerDomainContentLoaded，theDOMHasLoaded，false； var事件=[{ 名字:第一集,， 日期：2016年9月12日， id:第1幕， 描述：知识产权（Lorem ipsum dolor sit amet）是一项杰出的职业。劳动产权（Ab voluptate Replatte Labor dolores quisquam eos accusamus）？知识产权（Ipsa praesentium Aspernature numquam deleniti eveniet）、劳动产权（Consequeature Labour Nescium vel aperiam.Fuga）、马克西姆（maxime）、magni（magni）。 }, { 名字：第二集， 日期：2016年9月12日， id:第二幕， 描述：知识产权（Lorem ipsum dolor sit amet）是一项杰出的职业。劳动产权（Ab voluptate Replatte Labor dolores quisquam eos accusamus）？知识产权（Ipsa praesentium Aspernature numquam deleniti eveniet）、劳动产权（Consequeature Labour Nescium vel aperiam.Fuga）、马克西姆（maxime）、magni（magni）。 }, { 名字：第三集， 日期：2016年9月12日， id:第三幕， 描述：知识产权（Lorem ipsum dolor sit amet）是一项杰出的职业。劳动产权（Ab voluptate Replatte Labor dolores quisquam eos accusamus）？知识产权（Ipsa praesentium Aspernature numquam deleniti eveniet）、劳动产权（Consequeature Labour Nescium vel aperiam.Fuga）、马克西姆（maxime）、magni（magni）。 }]; 函数CreateAudioPlayer{ 在剧集中为e{ var playerString=集[ename]；； $audio-Player.appendplayerString； } } domHasLoadede的函数{ 创建音频播放器； }

---

您所需要的只是e.name，因为您已经将e作为每个事件对象，并确保将您的引号更改为标记中的不同单引号， 所以最终会是

function createAudioPlayers() {
  for (e in episodes) {
    var playerString = "<div class=\'podcast-container\'>" + e.name+ "</div>";
    $("#audio-players").append(playerString);
  }
}

有几件事突然发生了：

在没有保护措施的情况下，不要使用for-to-loop通过阵列。这不是它的目的。我也有一份你各种选择的概要

插曲[ename]不是访问对象的name属性的方式，由于上面的1，e将不是对象，而是字符串

将标识符放在字符串旁边不会进行字符串连接，也不会将其值添加到字符串中；适用于终止语句：

var playerString = "<div class=\"podcast-container\">"episodes[e(name)];"</div>";
// --------------------------------------------------^-----------------^

实例：

document.addedventListenerDomainContentLoaded，theDOMHasLoaded，false； var事件=[{ 名字:第一集,， 日期：2016年9月12日， id:第1幕， src:http://traffic.libsyn.com/preview/securitybydesign/SecurityByDesignEpisode1.mp3, 描述：知识产权（Lorem ipsum dolor sit amet）是一项杰出的职业。劳动产权（Ab voluptate Replatte Labor dolores quisquam eos accusamus）？知识产权（Ipsa praesentium Aspernature numquam deleniti eveniet）、劳动产权（Consequeature Labour Nescium vel aperiam.Fuga）、马克西姆（maxime）、magni（magni）。 }, { 名字：第二集， 日期：2016年9月12日， id:第二幕， src:http://traffic.libsyn.com/preview/securitybydesign/SecurityByDesignEpisode2.mp3, 描述：知识产权（Lorem ipsum dolor sit amet）是一项杰出的职业。劳动产权（Ab voluptate Replatte Labor dolores quisquam eos accusamus）？知识产权（Ipsa praesentium Aspernature numquam deleniti eveniet）、劳动产权（Consequeature Labour Nescium vel aperiam.Fuga）、马克西姆（maxime）、magni（magni）。 }, { 名字：第三集， 日期：2016年9月12日， id:第三幕， src:http://traffic.libsyn.com/preview/securitybydesign/SecurityByDesignEpisode3.mp3, 描述：知识产权（Lorem ipsum dolor sit amet）是一项杰出的职业。劳动产权（Ab voluptate Replatte Labor dolores quisquam eos accusamus）？知识产权（Ipsa praesentium Aspernature numquam deleniti eveniet）、劳动产权（Consequeature Labour Nescium vel aperiam.Fuga）、马克西姆（maxime）、magni（magni）。 }]; 函数CreateAudioPlayer{ 插曲，插曲{ var playerString=+eposit.name+； $audio-Player.appendplayerString； }; } domHasLoadede的函数{ 创建音频播放器； }

---

你为什么不先学习语言基础知识，而是随机猜测语法？请为我解开这个谜团…哦，是的，现在我记得为什么了。代码中可能存在的e的重复将是一个字符串，没有name属性。

function createAudioPlayers() {
  episodes.forEach(function(episode) {
    var playerString = "<div class=\"podcast-container\">" + episode.name + "</div>";
    $("#audio-players").append(playerString);
  });
}