在innerHTML中顯示JSON數組

Question

因此我從另一個學生那里收到了以下數組，我的工作是將其顯示為HTML。

我一直在這里和其他網站上找到示例。 這是我第一次嘗試這樣做。

無論如何，我已經調用了必需的值，但是它們沒有顯示。 我將不勝感激。

這是腳本塊，我將附加一些HTML。 目前，json位於關閉head標簽之前。

 <script>

      var height = {"height" : "1.76m"};
      var weight = {"weight" : "65kg"};
      var bmi = {weight/(height*height)};
      var cholesterol = {"cholesterol" : "26mmol/d"};
      var glucose ={"glucose" : "100mg/dl"};
      var pressure = {"pressure" : "120/80"};
      var pulseRate = {"pulse rate" : "80bpm"};

      window.onload = function() {

        obj = JSON.parse(height, weight, bmi, cholesterol, glucose, pressure, pulseRate);

        document.getElementById("hgt").innerHTML = obj.height[1];
        document.getElementById("wgt").innerHTML = obj.weight[1];
        document.getElementById("bmi").innerHTML = obj.bmi[1];
        document.getElementById("chol").innerHTML = obj.cholesterol[1];
        document.getElementById("gluc").innerHTML = obj.glucose[1];
        document.getElementById("bp").innerHTML = obj.pressure[1];
        document.getElementById("rpr").innerHTML = obj.pulseRate[1];

      };

 </script>

      <div class="col-xs-2">
        <h3 class="heading">Today</h3>
        <img class="picture2" src="images/icon-height.png" />
      <div class="caption">
       <h2 id="hgt"></h2>
       <p>height</p>
      </div>

Answer 1

由於您的變量height ， weight不必解析，因為它們是有效的JSON對象，因此可以通過分配obj來節省一些時間，如下所示：

var obj = {
   height: "1.76",
   weight: "65kg",
   ...,
   bmi: //your calculation here!
};

document.getElementById("yourid").innerHTML = obj.weight;
...

由於JSON對象使用key ： value對，因此您只需使用object.key或object['key']訪問值即可。

由於您嘗試使用obj.weight[1]訪問這些值， obj.weight[1]我猜測您正在嘗試獲取{ "weight" : "67kg" }的第二個值。 但是，由於這是一個有效的對象，因此weight是關鍵，值是"67kg" 。 因此，您嘗試獲取對象（ obj.weight[1] ）的索引1處的值。 為此，您的對象必須具有鍵1或為數組。 希望您能得到我想向您解釋的內容。

為了使其更簡單，您可以只使用height.height而不是不起作用的obj.height[1] ，因為您的var height是具有key height的對象。 但是出於可讀性考慮，我建議使用摘要中的格式。