Javascript 循环遍历数组并以表格样式显示结果

我有以下数组：

var arr = ['1---William---Developer', '2---Winston---Staff', '3---Thomson---Admin'];

我想将此拆分并分配到表中

例如：

<tr>
    <td>1</td>
    <td>William</td>
    <td>Developer</td>
</tr>
<tr>
    <td>2</td>
    <td>Winston</td>
    <td>Staff</td>
</tr>
<tr>
    <td>3</td>
    <td>Thomson</td>
    <td>Admin</td>
</tr>

这是我试过的代码

var a = "";
 var b = "";
 for (i = 0; i < worker_row_array.length; i++) { 
     var row_item = worker_array[i];
     var row = "<tr>";
     var worker_item_array = row_item.split("---");
     for (var s = 0; s < worker_item_array.length; s++) {
         column_item = worker_array_list[s];
         b += "<td>"+column_item+"</td>";
     }
    a += b.concat("</tr>");
}

试试这个

---

您需要对数组进行与定义相同的命名

我重用了您的原始代码：

var-worker_row_数组=['1--William--Developer'，'2--Winston--Staff'，'3--Thomson--Admin']； 变量a=； 对于i=0；i问题是什么？我不明白。。。你在做你的表格，不是吗？你在用jQuery吗？还是只有JavaScript？

 var arr = ['1---William---Developer', '2---Winston---Staff', '3---Thomson---Admin'];

var html = "";
for ( var counter = 0; counter < arr.length; counter++)
{
 var columns = arr[ counter ].split( "---" );
 console.log(columns);
 html += "<tr>";
 columns.forEach( function(value){ 
    console.log(value); 
    html += "<td>" + value + "</td>"; 
    } );
 html += "</tr>";
 console.log( html );
}
document.body.innerHTML += "<table>" + html + "</table>";