JavaScript For Loop HTML語法與JSON

我很新的Javascript，所以我不知道如果我這樣做是正確的。首先我使用JSON創建一個數組對象'providerlisting'。接下來，我正在創建一個for循環，它應該通過html循環，直到JSON數組中沒有更多列表。我不確定我是否正確地使用了語法。我對這些問題提出了一些新的建議，所以如果我不正確地做到這一點，我很抱歉。JavaScript For Loop HTML語法與JSON

for (var i=0;i<providerlisting.length;i++) 
{ document.write('<div class="entry panel row"> 
        <div class="large-4 columns first"> 
         <div class="name">'providerlisting.nametitle[i]'</div> 
         <div class="specialty">'providerlisting.caretype[i]'</div> 
         <div class="peferred">'providerlisting.preferredprovider[i]'</div> 
        </div> 
        <div class="large-3 columns second"> 
         <div class="address">'providerlisting.address1[i]'<br /> 
         'providerlisting.address2[i]'<br /> 
         'providerlisting.citystatezip[i]' 
         </div> 
        </div> 
        <div class="large-3 columns third"> 
         <img src="'providerlisting.coverage[i]'" alt="example"> 
        </div> 
        <div class="large-2 columns fourth"> 
         <div class="status">'providerlisting.status[i]'</div> 
         <a data-dropdown="actionsMenu2" class="actions button small secondary round dropdown" href="#">Actions</a><br> 
         <ul id="actionsMenu2" data-dropdown-content="" class="f-dropdown"> 
          <li><a href="'providerlisting.psn[i]'">Generate PSN</a></li> 
          <li><a href="'providerlisting.dcontact[i]'">Download Contact</a></li> 
          <li><a href="'providerlisting.save[i]'">Save to Provider List</a></li> 
          <li><a href="'providerlisting.rating[i]'">View Healthgrades Rating</a></li> 
         </ul> 
        </div> 
       </div> 
    ');

來源

2013-08-27 Chad

[在JavaScript中創建多行字符串]的可能重複（http://stackoverflow.com/questions/805107/creating-multiline-strings-in-javascript） – apsillers

（當然假設轉義）。我會建議連接這些字符串或將它們格式化爲一個。 – ars265

除了換行符之外，還需要用'+'運算符連接變量和字符串文字。 – apsillers

我不能確切地告訴你，因爲還沒有發佈您的JSON，但是這應該這樣做：

for(var i = 0; i < providerlisting.length; i++) { 
    document.write('<div class="entry panel row"> 
        <div class="large-4 columns first"> 
         <div class="name">'+ providerlisting[i].nametitle +'</div> 
         <div class="specialty">'+ providerlisting[i].caretype +'</div> 
         <div class="peferred">'+ providerlisting[i].preferredprovider +'</div> 
        </div> 
        <div class="large-3 columns second"> 
         <div class="address">'+ providerlisting[i].address1 +'<br /> 
         '+ providerlisting[i].address2 +'<br /> 
         '+ providerlisting[i].citystatezip +' 
         </div> 
        </div> 
        <div class="large-3 columns third"> 
         <img src="'+ providerlisting[i].coverage +'" alt="example"> 
        </div> 
        <div class="large-2 columns fourth"> 
         <div class="status">'+ providerlisting[i].status +'</div> 
         <a data-dropdown="actionsMenu2" class="actions button small secondary round dropdown" href="#">Actions</a><br> 
         <ul id="actionsMenu2" data-dropdown-content="" class="f-dropdown"> 
          <li><a href="'+ providerlisting[i].psn +'">Generate PSN</a></li> 
          <li><a href="'+ providerlisting[i].dcontact +'">Download Contact</a></li> 
          <li><a href="'+ providerlisting[i].save +'">Save to Provider List</a></li> 
          <li><a href="'+ providerlisting[i].rating +'">View Healthgrades Rating</a></li> 
         </ul> 
        </div> 
       </div>'); 
}

我改爲每providerlisting.prop[i]到providerlisting[i].prop。你也在串錯：

var str = 'some words'someVariable'more words'將無法正常工作。

var str = 'some words'+ someVariable +'more words'將。

來源

2013-08-27 18:53:16 Floris

啊你是對的！我沒有看到[i]的東西。謝謝！ – Chad

JavaScript For Loop HTML語法與JSON

回答

相關問題