求助：如何用JavaScript循环插入行实现JSON转表格

看起来你混淆了DOM表格操作方法和数组数据处理的逻辑啦！你想要的是生成纯数据结构的二维数组，而insertRow()是用来在HTML页面里往真实的表格元素中插入行的DOM方法，完全不适合用来处理数组数据。下面给你两种简单的实现方式：

方式一：用Array.map()快速转换（最简洁） #

首先先把你提供的JSON数据整理成一个数组（你之前写的三个对象没放在数组里，这是基础格式问题），然后用map方法遍历每个对象，提取需要的字段：

// 先修正原始JSON数据，放到数组里
const rawJsonData = [
  { "name": "lily", "country": "china", "age": 23 },
  { "name": "mike", "country": "japan", "age": 22 },
  { "name": "lucy", "country": "korea", "age": 25 }
];

// 转换为目标二维数组
const result = rawJsonData.map(item => [item.name, item.country]);

console.log(result);
// 输出就是你想要的：[ ['lily', 'china'], ['mike', 'japan'], ['lucy', 'korea'] ]

方式二：用普通for循环实现（符合你想要的"简单循环插入"思路） #

如果你更习惯用普通循环，那只需要初始化一个空数组，然后把每个对象的字段组合成子数组后push进去就行：

const rawJsonData = [
  { "name": "lily", "country": "china", "age": 23 },
  { "name": "mike", "country": "japan", "age": 22 },
  { "name": "lucy", "country": "korea", "age": 25 }
];

const result = [];
for (let i = 0; i < rawJsonData.length; i++) {
  const currentItem = rawJsonData[i];
  // 把当前对象的name和country组成子数组，推入结果数组
  result.push([currentItem.name, currentItem.country]);
}

console.log(result);
// 同样得到目标结构

说说你之前代码的问题 #

1. 数据结构不匹配：你代码里写的json["hits"]["hits"]看起来是Elasticsearch返回的格式，但和你提供的JSON数据不一致，这会导致无法正确取值。
2. 方法用错场景：insertRow()是DOM方法（比如document.getElementById('tableId').insertRow()），用来操作页面上的表格元素，不是用来处理数组的。数组添加元素应该用push()方法。
3. 初始化缺失：你的jdata.rows没有初始化为空数组，直接调用方法肯定会报错，应该先写jdata.rows = []，再往里面push数据。

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