我正在寻求创建一个表,该表将采用一个由逗号分隔的 3 个项目的数组,并将它们插入到表中。目前,我的表要么失败,要么将显示所有分组在一起的项目。在每个标题下,我在国家、首都、人口三个标题下各填充一行“马德里,西类牙,3255944”,“圣地亚哥,智利,4837295”,“利马,秘鲁,7737002”,我想分开3行对于每个标题。
<html>
<head>
<title> </title>
<meta charset="windows-1252">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
</head>
<body>
<table id="table" border="1">
<!-- The Row Number 0 -->
<tr>
<th>City</th>
<th>Country</th>
<th>Population</th>
</tr>
</table>
<script>
var array = [
["Madrid,Spain,3255944", "Santiago,Chile,4837295",
"Lima,Peru,7737002"],
],
var a = array.split(',')
a[0], a[1], a[2];
table = document.getElementById("table");
for(var i = 0; i < array.length; i++)
{
// create a new row
var newRow = table.insertRow(table.length);
for(var j = 0; j < array[i].length; j++)
{
// create a new cell
var cell = newRow.insertCell(j);
// add value to the cell
cell.innerHTML = array[i][j];
}
}
</script>
</body>
</html>
最佳答案
您需要对数组中的字符串调用 split()
,而不是数组本身。
array.forEach(row => {
cols = row.split(",");
newRow = table.insertRow(table.length());
cols.forEach(col => {
var cell = newRow.insertCell(newRow.length);
cell.innerHTML = col;
});
});
关于javascript - 使用 split 来分隔数组中的元素,JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49266967/