2017-09-10 7 views
-1

私は以下のスクリプトよりも優れたスクリプトが必要です。私はそれにHTMLを追加することはできません。 ";"レコード間。私はまた、htmlを追加して、簡単に:members.Nameやmembers.Inpiresのようなデータをリストアップし、データを並べ替えることができるようにしたい。私の要件を容易にする、より流動的で基本的な方法がありますか?JSONファイルをループするより効果的な方法が必要です

var members = [ 
    {"Name": "Ahmed, Jamshed", "Expires": "2017.10.05"}, 
    {"Name": "Attaya, James", "Expires": "2018.01.12"} 
    ]; 

と、このスクリプト:これはうまく働いていた

<script> 

var divId = document.getElementById("json") 
for(var i=0;i<members.length;i++) 

for(var keys in members[i]){ 
console.log(keys +"-->"+members[i][keys]); 
divId.innerHTML = divId.innerHTML + " " +members[i][keys]; 
} 

</script> 
+2

しないでください 'innerHTMLの+ =' 。最初にマークアップ全体を構築し、それを一度にDOMに追加します。 – Thomas

+0

あなたの質問からはっきりしないので、期待される出力を追加してください。 – Andy

+0

私はそれを得た。トーマス、あなたは正しい... – verlager

答えて

1

私はこのJSONを持って、よりシンプルで汎用性:

<script> 
var divId = document.getElementById("json") 
string = ""; 

for(var i=0;i<members.length;i++) { 
string += members[i].Name + " " + members[i].Expires +" &#9679; "; 

} 

divId.innerHTML = string; 
</script> 
関連する問題