打印在网页中的 JS 对象元素答案

【问题标题】：JS Object elements printing in a web page打印在网页中的 JS 对象元素
【发布时间】：2016-07-21 09:32:07
【问题描述】：

如何使用document.write 在网页中打印对象数组元素值？

 <!DOCTYPE html> <html> <body>

 <script>

   var data =  [
           {
             "metadata" : {
                 "names":["times","values","types"],
                 "types":["time","linear","ordinal"]
             },
             "data": [
             ["1141237500000",4.216,"Global_active_power"],
             ["1141237560000",2.4130,"Global_active_power"],
             ["1141237620000",3.4230,"Global_active_power"],
             ["1141237680000",2.4560,"Global_active_power"],
             ["1141237500000",2.37130,"Voltage"],
             ["1141237560000",2.35840,"Voltage"],
             ["1141237620000",0.32690,"Voltage"],
             ["1141237680000",10.30980,"Voltage"],
             ["1141237500000",13.800,"Global_intensity"],
             ["1141237560000",16.400,"Global_intensity"],
             ["1141237620000",25.400,"Global_intensity"],
             ["1141237680000",13.800,"Global_intensity"],
           ],
           }
         ];

   document.write( data["data"] );

 </script> </body> </html>

【问题讨论】：

document.write(JSON.stringify(data["data"] ) );
console.log(data) 将更具描述性
How can I display a JavaScript object?的可能重复
@SunnySoni OP 询问是否将其打印到网页上。在这种情况下，console.log() 无法使用。
@MohitBhardwaj 对，但他很可能一直在调试它，所以控制台会提供更多帮助。

标签： javascript jquery arrays object jscharts

【解决方案1】：

您可以使用JSON.stringify()将您的对象转换为字符串形式，可以使用document.write将其打印在您的html页面上。

var data =  [
           {
             "metadata" : {
                 "names":["times","values","types"],
                 "types":["time","linear","ordinal"]
             },
             "data": [
             ["1141237500000",4.216,"Global_active_power"],
             ["1141237560000",2.4130,"Global_active_power"],
             ["1141237620000",3.4230,"Global_active_power"],
             ["1141237680000",2.4560,"Global_active_power"],
             ["1141237500000",2.37130,"Voltage"],
             ["1141237560000",2.35840,"Voltage"],
             ["1141237620000",0.32690,"Voltage"],
             ["1141237680000",10.30980,"Voltage"],
             ["1141237500000",13.800,"Global_intensity"],
             ["1141237560000",16.400,"Global_intensity"],
             ["1141237620000",25.400,"Global_intensity"],
             ["1141237680000",13.800,"Global_intensity"],
           ],
           }
         ];
             
var innerDataValues = data[0].data;

// document.write( JSON.stringify(data ) );
for( var i = 0; i < innerDataValues.length; i++ )
{
  var value = innerDataValues[i];
  document.write( value[0] + "<br />"); // 0 for timestamp
}

【讨论】：

这可能是答案？我不明白他为什么不写任何描述的问题？
@HengSopheak 是的，因为以其当前形式，即document.write( data );，它不会打印对象的内容，而是object Object。
感谢大家的快速回复，实际上我需要知道的是如何处理数据对象数据键（“数据”:) 元素
@IT14064432FirnasA.M 你能分享一下预期的输出吗？这会很有帮助。
遍历数据对象数据键值，这意味着 ["1141237500000",4.216,"Global_active_power"] , [...] 等..并选择只需要一些时间戳数组。（通过 if 条件）。我需要知道如何遍历数据值并仅从中选择。