Javascript：从数组创建新行

Question

对可能的基本问题表示歉意。 JS的新功能，我在搜索中可能使用了错误的术语。

我有这个变量；

myArray = ['000001', '0000002', '0000003', '0000004']

我理想地要做的是为该数组中保存的每个值创建一个新行-不管存在多少个值（因此1个值= 1行，50个值= 50行）

因此，对于以上内容，我希望获得以下结果；

Row    newVar
1      0000001
2      0000002
3      0000003
4      0000004

我正在Adobe Campaign中进行构建-感谢任何有用的答案！

Answer 1

您可以为此使用Array.map ：

 data = ['000001', '0000002', '0000003', '0000004']; var rows = data.map(function (item, index) { return [index, item]; }); console.log(rows); var rowsAsObject = data.map(function (item, row) { return { row: row, item: item }; }); console.log(rowsAsObject); 

Answer 2

使用Array.map并创建动态表

使用Javascript

var myArray = ['0000001','0000002','0000003','0000004'];

var ar = myArray.map(function(value, i){
        return '<tr><td class="row">'+i+'</td><td class="value">'+value+'</td></tr>'
})

document.getElementById('tb').innerHTML = ar.join('');

HTML

<table>
  <thead>
    <th>Row</th>
    <th>Value</th>
 </thead>
 <tbody id="tb">

 </tbody>
</table>

演示

Answer 3

一些观察：

• myArray应该是一个数组。即var myArray = [000001,0000002,0000003,0000004]
• 因为0000001就是number 1 。 如果要使用0000001格式，请先将其转换为字符串。

DEMO

 var myArray = ["0000001","0000002","0000003","0000004"]; var table = document.getElementById("myTable"); for (var i = 0; i < myArray.length; i++) { var row = table.insertRow(); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); cell1.innerHTML = i+1; cell2.innerHTML = myArray[i]; } 

 table,td { border: 1px solid black; } 

 <table id="myTable"> <tr> <td>Row</td> <td>newVar</td> </tr> </table> 

Answer 4

这将生成所需格式的输出。

myArray = ["0000001","0000002","0000003","0000004"];    

logInfo("Row\tnewVar");
for (var i = 0; i < myArray.length; i++) {
    logInfo(i+"\t"+myArray[i]);
}