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

我有这个数组，我怎么能打印出它里面的元素？如何从对象的JavaScript数组中打印出一个元素

例如，我想在新的“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);

感谢

编辑：感谢所有

来源

2017-05-31 Elle

我已经编辑术语JSON了你的问题，因为你的问题有绝对无关，与JSON 。 –

好的谢谢。并错过 – Elle

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)

来源

2017-05-31 15:10:03

这是完美的作品，我可以“.append”另一个值，当我点击另一个元素？我有一个日历，我需要在不同的“div”处“追加”不同的值......感谢您的时间 – Elle

是的，您可以制作一个像这样的js函数，您可以从html传递值，例如：** HTML：** ** JS：** var appendDate = function（i）{ document.getElementById（“calendar”）。append（“

Day: "+events[i].Date.getDate()+" ; Title: "+events[i].Title+"

”） } –

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

来源

2017-05-31 15:01:33 HarryJs

好吧，只有一件事...它说：“未捕获的SyntaxError：意外的令牌（” – Elle

创建DOM节点，并添加内容到它的innerHTML

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

来源

2017-05-31 15:05:51 dgeare

在数组上使用foreach循环来创建包含内容的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); 
});

来源

2017-05-31 15:07:01 Strernd

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

回答

相关问题