如何在javascript中顯示帶有數組項的div

Question

我有一個名為“exraData”的參數，它可以是字符串或數組（取決於某些條件）。

我必須使用 java 腳本顯示一些內容。

如果“exraData”是一個字符串，則以下代碼可以很好地顯示內容：

this.resulto = '<div class="avatarHeight">' +
            '<div class="avatar">' + spanPic + '</div>' +
            '<div class="info ' + company + '">' + item.show +
            '<div class="tt-hint">' + exraData + '</div>' +
            '</div>' +
            '</div>';

如果它是數組，我使用以下代碼但沒有顯示任何內容：

 this.resulto = '<div class="avatarHeight">' +
                    '<div class="avatar">' + spanPic + '</div>' +
                    '<div class="info ' + company + '">' + item.show
                    for(var i=0;i<exraData.length;i++){
                        +'<div class="tt-hint">' + exraData[i] + '</div>'
                    }
                    +'</div>' +
                    '</div>';

Answer 1

你不能有內聯的 for 循環。 這是外部的 for 循環，具有所需的結果。

 var spanPic='tempPic'; var company='xyz'; var item={}; item.show='temp'; var exraData=['one','two','three']; this.resulto = '<div class="avatarHeight">' + '<div class="avatar">' + spanPic + '</div>' + '<div class="info ' + company + '">' + item.show; for(i=0;i<exraData.length;i++){ this.resulto +='<div class="tt-hint">' + exraData[i] + '</div>'; } this.resulto+='</div>' + '</div>'; document.write(this.resulto);