2016-07-21 7 views
0

document.writeを使用して、Webページにオブジェクト配列要素の値を印刷するにはどうすればよいですか?Webページに印刷するJSオブジェクト要素

<!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> 
+0

'のdocument.write(JSON.stringify(データ[ "データ"]));' –

+0

にconsole.log(データ)のよりdscriptive –

+0

可能な重複になります【使い方JavaScriptオブジェクトを表示することはできますか?](@stackoverflow.com/questions/957537/how-can-i-display-a-javascript-object) –

答えて

0

あなたはdocument.writeであなたのhtmlページに印刷することができる文字列の形であなたのオブジェクトを変換するためにJSON.stringify()を使用することができます。

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 
 
}

+0

答えがありますか?私はこれらの質問 を理解できないのですが、なぜ彼は何の説明も書かないのですか? –

+0

@HengSopheakはい、現在の形式、つまり 'document.write(data);'でオブジェクトの内容を出力するのではなく 'オブジェクトオブジェクト 'です。 –

+0

あなたの素早い返答をありがとう、実際に私が知る必要があるのは、データオブジェクトのデータキー( "データ" :)要素 –

関連する問題