Heim >Web-Frontend >js-Tutorial >Das Problem der dynamischen Generierung einer Tabelle mit N Zeilen und N Spalten aus einem eindimensionalen Array
Jemand hat mir gerade eine Frage gestellt. Der Inhalt der Frage lautet ungefähr wie folgt:
Jetzt muss ich eine 7-Spalten-Tabelle erstellen -dimensionales Array.
Ich habe versucht, den folgenden Code zu schreiben, erstens, um ihn als Erinnerung aufzubewahren, und zweitens, falls ich ihn in Zukunft benötige, muss ich nicht überall danach suchen.
Der spezifische Code und die entsprechenden Kommentare lauten wie folgt:
var arr=[]; var col=7;//这里为生成7列的表格 for (var i=0;i<25;i++){arr[i]=i;}//这里只是举例子,在实践中应该为具体数据 var lines=Math.ceil(arr.length/col);//很关键的一步,这里为生成表格的行数 var str="<table><tbody>";//表头 for (var j=0;j<lines;j++){//遍历表格行 str+="<tr>"; for (var k=0;k<col;k++){//遍历表格列 str+="<td>"; if(typeof arr[k+j*col]=="undefined"){str+=" ";} else{str+=arr[k+j*col];} str+="</td>"; };//表格行结束 str+="</tr>"; }; str+="</tbody></table>"; document.body.innerHTML=str;