将格式化的JavaScript显示为HTML中的内容

嗨，我是JavaScript新手，我需要在HTML页面上将这个JavaScript对象伪JSON显示为一个div，我不能使用jQuery，请任何人帮忙

var data = {
    "music": [
        {
        "id": 1,
        "artist": "Oasis",
        "album": "Definitely Maybe",
        "year": "1997"
        },
    ]
}

---

不确定要在div中显示哪些数据。数据是对象，而音乐是数据的关键。data.music将返回音乐数组。然后使用forEach数组方法在数组中循环

希望这段代码有用

var data = {
    "music": [
        {
        "id": 1,
        "artist": "Oasis",
        "album": "Definitely Maybe",
        "year": "1997"
        },
    ]
}

var _getData = data.music // will return music array;
_getData.forEach(function(item){
document.write('<pre>'+item.id+'</pre>')
})

---

你需要使用点符号。请参阅下面的代码

var data = {
    "music": [
        {
        "id": 1,
        "artist": "Oasis",
        "album": "Definitely Maybe",
        "year": "1997"
        },
    ]
}

var item = data.music;
  for(var i = 0; i<item.length; i++){
  document.write(item[i].id + ", " + item[i].artist);
  document.write(item[i].album);
}

---

如果您希望数据格式正确，我们将在本机上为您执行此操作。因此在下面的示例中，您可以看到我们传入的数据忽略了第二个参数，这是一个替换函数，用于解析字符串和本例2中所需的格式空间数

风险值数据={ 音乐：[{ id:1， 艺术家：绿洲， 专辑：当然可能， 年份：1997年 }, ] }; document.getElementById'target'.innerHTML=； 前{ 背景色：eee； } 你的JS应该是这样的

---

你试过什么吗？您可能希望访问，并且1堆栈溢出不是代码编写服务。2谢谢，我在工作中遗漏了对象引用，这显然是一个愚蠢的错误。我遗漏了对象引用，这非常有帮助。@Sublize乐于帮助。document.write仅用于在应用程序中进行演示，您必须使用innerHTML填充div

var data = {
    "music": [
        {
        "id": 1,
        "artist": "Oasis",
        "album": "Definitely Maybe",
        "year": "1997"
        },
    ]
};

$('p').text(data.music[0].artist);

var data = {
    "music": [
        {
        "id": 1,
        "artist": "Oasis",
        "album": "Definitely Maybe",
        "year": "1997"
        },
    ]
}

var item = data.music;
  for(var i = 0; i<item.length; i++){
  document.write(item[i].id + ", " + item[i].artist);
  document.write(item[i].album);
}