javascript json數據腳本無法正常工作

Question

這是正確的json嗎？ 為什么它沒有顯示在#id中？ 我從https://www.sitepoint.com/colors-json-example/獲得了類似的代碼-將其復制並替換了我自己的值，但是它不起作用。 有人解釋嗎？

<p id="demo"></p>

<script>
{
 "standing": [

{"code" : "G", "rank" : "1"},
{"code" : "I", "rank" : "2"},
{"code" : "M", "rank" : "3"},
{"code" : "X", "rank" : "4"},
{"code" : "A", "rank" : "5"},
{"code" : "B", "rank" : "6"},
{"code" : "C", "rank" : "7"},
{"code" : "D", "rank" : "8"},
{"code" : "E", "rank" : "9"}

]
}   

document.getElementById("demo").innerHTML =
standing.code + " " + standing.rank;
</script>

Answer 1

您尚未將對象分配給變量。 您需要執行此操作以便以后引用它：

<script>
var standing =  [

 {"code" : "G", "rank" : "1"},
 {"code" : "I", "rank" : "2"},
 {"code" : "M", "rank" : "3"},
 // etc/
]

document.getElementById("demo").innerHTML =
standing[0].code + " " + standing[0].rank;
</script>

現在， standing是可以使用standing[index]訪問的對象數組。

Answer 2

我不確定您要在這里實現什么，但是以下腳本可能會為您提供幫助：只需將0替換為另一個字母或進行一個for循環即可獲取所有字母。

<p id="demo"></p>

<script>
var standing = [
{"code" : "G", "rank" : "1"},
{"code" : "I", "rank" : "2"},
{"code" : "M", "rank" : "3"},
{"code" : "X", "rank" : "4"},
{"code" : "A", "rank" : "5"},
//etc
];

document.getElementById("demo").innerHTML = standing[0].code + " " + standing[0].rank;
</script>

為什么您的代碼無法正常工作：

• 您需要將數組分配給變量

• 您沒有指定要顯示的索引

Answer 3

“常備”是一個包含對象的數組。 您可以以standing[0].code身份訪問第一個，希望對您standing[0].code幫助。