2017-09-05 3 views
0

これは正しいですか? #idに表示されないのはなぜですか?私はhttps://www.sitepoint.com/colors-json-example/から同様のコードを取得し、それをコピーして自分の値を置き換えましたが、うまくいきません。誰もこれを説明する?javascript jsonデータスクリプトが機能しない

<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> 
+3

これはJSONではない、それはObjectリテラルです。それを使用するには、変数に格納する必要があります。 'var standing = [...];'。立ては配列なので、 'standing [0] .code'と' standing [0] .rank'が必要です。 –

答えて

1

私はあなたがここで達成したいとは思っていませんが、次のスクリプトはあなたに役立つかもしれません: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> 

あなたのコードが働いていなかった理由:

  • 、あなたが

  • を表示したかったインデックス指定されなかった変数

  • にあなたの配列を割り当てるために必要な

0

"立っている"はオブジェクトを含む配列です。あなたは最初の1つにアクセスすることができますstanding[0].code 役立つことを願っています。

+0

あなたは深い問題を逃しました。 「立っている」にはアクセスできません。 –

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]でアクセスできるオブジェクトの配列です。

+0

私は今理解しています。 – verlager

関連する問題