如何从JavaScript对象数组打印出元素

如何从JavaScript对象数组打印出元素,javascript,Javascript,我有这个数组,如何打印出其中的元素 例如,我想在一个新的“div”中打印“Date”的数字“4”和“Title”的文本“descripione descripione” 要创建一个新的“div”,我使用了:document.getElementsByTagName(“body”)[0].appendChild(div) //事件管理器 var事件=[ {'Date':新日期(2017年5月4日),'Title':'descrizione descrizione'}, {'Date':新日期(2

我有这个数组,如何打印出其中的元素

例如,我想在一个新的“div”中打印“Date”的数字“4”和“Title”的文本“descripione descripione”

要创建一个新的“div”,我使用了:document.getElementsByTagName(“body”)[0].appendChild(div)

//事件管理器
var事件=[
{'Date':新日期(2017年5月4日),'Title':'descrizione descrizione'},
{'Date':新日期(2017年5月18日),'Title':'desrizione descrizione','Link':'www.google.com'},
{'Date':新日期(2017年6月27日),'Title':'descrizione descrizione'},
{'Date':新日期(2017年6月28日),'Title':'descrizione descrizione'},
{'Date':新日期(2017年6月29日),'Title':'descrizione descrizione'},
{'Date':新日期(2017年6月10日),'Title':'descrizione descrizione'},
{'Date':新日期(2017年6月22日),'Title':'descrizione descrizione'},
];
变量设置={};
var元素=document.getElementById('caleandar');

日历(元素、事件、设置)创建DOM节点并将内容添加到其innerHTML中

events.forEach(function(event){
    var divToAdd = document.createElement('div');
    divToAdd.innerHTML = event.Date.getDate() + " - " + event.Title;
    document.body.appendChild(divToAdd);
});

创建DOM节点并将内容添加到其innerHTML中

events.forEach(function(event){
    var divToAdd = document.createElement('div');
    divToAdd.innerHTML = event.Date.getDate() + " - " + event.Title;
    document.body.appendChild(divToAdd);
});

在数组上使用foreach循环,创建包含内容的div并将其附加到正文中。 您可以使用日期对象的日期访问器来获取日期。见文件


在数组上使用foreach循环,创建包含内容的div并将其附加到正文中。 您可以使用日期对象的日期访问器来获取日期。见文件

HTML:

HTML:


我已经从你的问题中删除了JSON这个术语,因为你的问题与JSON完全无关。好的,谢谢。对不起,我把JSON这个词从你的问题中删掉了,因为你的问题与JSON完全无关。好的,谢谢。很抱歉弄错了,这是完美的作品,我可以“.append”另一个值时,我点击另一个元素?我有一个日历,我需要“附加”在不同的“div”不同的值。。。谢谢您的时间。是的,您可以创建一个这样的js函数,在其中传递html中的值,比如:html:Append js:var appendDate=function(i){document.getElementById(“calendar”).Append(“Day:”+events[i].Date.getDate()+“Title:“+events[i].Title+”)}这非常有效,我可以“.Append”吗单击另一个元素时是否有其他值?我有一个日历,我需要“附加”在不同的“div”不同的值。。。谢谢您的时间。是的,您可以创建这样的js函数,在其中传递html中的值,如:html:Append js:var appendDate=function(i){document.getElementById(“日历”).Append(“Day:+events[i].Date.getDate()+”;“Title:+events[i].Title+”)}好的,只有一件事。。。上面写着“uncaughtsyntaxerror:Unexpected token”(“好吧,只有一件事……上面写着“uncaughtsyntaxerror:Unexpected token(”
var body = document.getElementsByTagName("body")[0];
events.forEach(function(event){
 var day = String(event.Date.day);
 var title = event.Title;

 var div = document.createElement("div");
 div.innerHTML = day+" - "+title;
 body.appendChild(div);
});
<div id="calendar"></div>
// EVENT MANAGER

var events = [
  {'Date': new Date(2017, 5, 4), 'Title': 'descrizione descrizione'},
  {'Date': new Date(2017, 5, 18), 'Title': 'desrizione descrizione', 'Link': 'www.google.com'},
  {'Date': new Date(2017, 6, 27), 'Title': 'descrizione descrizione'},
  {'Date': new Date(2017, 6, 28), 'Title': 'descrizione descrizione'},
  {'Date': new Date(2017, 6, 29), 'Title': 'descrizione descrizione'},
  {'Date': new Date(2017, 6, 10), 'Title': 'descrizione descrizione'},
  {'Date': new Date(2017, 6, 22), 'Title': 'descrizione descrizione'},
];

document.getElementById("calendar").append("Day:  "+events[0].Date.getDate()+" ; Title: "+events[0].Title)