学堂学堂学堂公众号手机端

HTML 使用JavaScript在不使用jQuery的情况下将表格转换为数组

lewis 3年前 (2022-09-04) 阅读数 4 #技术

“

javascript，function tableToArray(table) {，  var rows = table.rows;，  var result = [];，  for (var i = 0; i ``
要将HTML表格转换为数组，可以使用以下JavaScript代码：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF8">
    <meta name="viewport" content="width=devicewidth, initialscale=1.0">
    <title>将表格转换为数组</title>
</head>
<body>
    <table id="myTable">
        <tr>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>25</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>30</td>
        </tr>
    </table>
    <script>
        function tableToArray() {
            var table = document.getElementById("myTable");
            var result = [];
            for (var i = 1; i < table.rows.length; i++) {
                var rowData = [];
                for (var j = 0; j < table.rows[i].cells.length; j++) {
                    rowData.push(table.rows[i].cells[j].innerText);
                }
                result.push(rowData);
            }
            return result;
        }
        console.log(tableToArray());
    </script>
</body>
</html>

在这个示例中，我们首先创建了一个包含姓名和年龄的表格，我们编写了一个名为tableToArray的函数，该函数遍历表格的每一行和每一列，将单元格的文本内容添加到一个数组中，我们将这个数组返回。

接下来，我们可以在控制台中查看转换后的数组：


console.log(tableToArray());

输出结果：

[
  ["姓名", "年龄"],
  ["张三", "25"],
  ["李四", "30"]
]

相关问题与解答：
1、如何将嵌套表格转换为数组？

   答：可以使用递归方法遍历嵌套表格的每一行和每一列，将单元格的文本内容添加到一个数组中，如果遇到另一个表格，可以递归调用tableToArray函数。

版权声明

本文仅代表作者观点，不代表博信信息网立场。

上一篇：SpringMVC中怎么使用AOP 下一篇：香港服务器租用时要注意什么事项