如何从HTML表格中提取数据生成指定结构的JavaScript对象

实现步骤 #

• 遍历表格tbody下的所有行元素tr
• 为每一行单独创建存储数据的对象，按顺序取该行4个td的文本内容，分别对应name、job、age、car四个字段
• 把生成的每行对象依次推入parentObject.cells数组中即可

完整代码 #

var parentObject = {};
parentObject.head = $("#mp").text()
parentObject.cells = []

// 新增遍历逻辑
$('tbody tr').each(function() {
  const $tdList = $(this).children('td');
  parentObject.cells.push({
    name: $tdList.eq(0).text().trim(),
    job: $tdList.eq(1).text().trim(),
    age: $tdList.eq(2).text().trim(),
    car: $tdList.eq(3).text().trim()
  })
})

console.log(parentObject)

运行后控制台打印的parentObject结构完全符合要求。

内容的提问来源于stack exchange，提问作者Vaggelis