javascript - 使用 split 来分隔数组中的元素,JavaScript

标签 javascript arrays split

我正在寻求创建一个表,该表将采用一个由逗号分隔的 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/

相关文章:

jquery - jquery中分割字符串

javascript - 如何在 React 中的组件之间移动

javascript - 将对象也转换为具有属性名称的数组

php - 如何将元素添加到 php 数组而不显示为新数组

javascript - 如何减少 0(n) 以找到求和特定值的对的第一个实例

java - 将一个字符串解析为多个变量

javascript - 如何将我的 Module-Singleton JavaScript 转换为支持实例?

javascript - 使用一个值从数组中删除一个对象

python - 在多维数组中查找连续值 - python

Linux - 根据条件分割CSV