Question

我有这个数组，我怎么能打印出里面的元素？

例如，我想在新的“div”中打印出“Date”的数字“4”和“Title”的文字“descrizione descrizione”。

创建一个我用过的新“div”： document.getElementsByTagName（“body”）[0] .appendChild（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'},
];

var settings = {};
var element = document.getElementById('caleandar');
caleandar(element, events, settings);

由于

编辑：全部谢谢

Answer 1

// Using forEach loop    
function(events) {
    events.forEach(function(event) {
        console.log(event.Date);
        console.log(event.Title);
    });
}

Answer 2

HTML：

<div id="calendar"></div>

.JS：

// 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)

Answer 3

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

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

Answer 4

在数组上使用foreach-loop，创建包含内容的div并将其附加到正文。您可以使用Date对象的日期访问器来获取当天。请参阅文档here

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);
});

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

4 个答案: