JavaScript中如何遍历嵌套JSON并同步访问同位置元素？

你的需求很明确：有一个包含固定Item列和若干动态命名列的JSON对象，需要按索引同步取出每个列的对应元素，输出指定格式的字符串。我来给你一个简洁的解决方案，同时修正你原来代码里的逻辑问题。

核心思路 #

1. 获取所有列名：不管是固定的Item还是动态的Column 1这类名称，都可以用Object.keys()一次性拿到所有列的名称数组，完美适配动态列名的场景。
2. 确定遍历范围：假设所有列的索引数量一致（从你的示例来看确实如此），我们可以取任意一列的键的数量作为总行数。
3. 按索引同步取值：循环每个索引，对每个列名取出对应索引的值，最后拼接成你需要的格式。

完整代码示例 #

const dfJson = {
  Item: {0: "PD", 1: "1 - Processor Intel Xeon E5-2630", 2: "2 - Additional Processor", 3: "3 - Memory Quantity Increase", 4: "4 - Raid 6 H730/H730p Cabled Chassis", 5: "5 - Hard Drive Quantity Increase", 6: "6 - Perc H730 Raid Controller 1GB", 7: "7 - UEFI BIOS Boot", 8: "8 - Support: ProDeploy", 9: "9 - Hard Drive Support 3 years", 10: "10 - Dell Networking N2024P Switch", 11: "11 - N2024P Switch - 5 Years Support", 12: "12 - N2024P Switch - Pro Deployment L2 N"},
  "Column 1": {0: 0.2, 1: 0.64, 2: 0.67, 3: 0.63, 4: 0.65, 5: 0.74, 6: 0.64, 7: 0.65, 8: 0.63, 9: 0.65, 10: 1.02, 11: 0.71, 12: 0.7},
  "Column 2": {0: 0.24, 1: 0.7, 2: 0.69, 3: 0.7, 4: 0.69, 5: 0.79, 6: 0.69, 7: 0.68, 8: 0.67, 9: 0.68, 10: 1.05, 11: 0.74, 12: 0.72},
  "Column 3": {0: 0.199, 1: 0.665, 2: 0.652, 3: 0.631, 4: 0.644, 5: 0.698, 6: 0.647, 7: 0.637, 8: 0.622, 9: 0.63, 10: 0.997, 11: 0.698, 12: 0.672}
};

// 获取所有列名（包含Item和动态列）
const allColumns = Object.keys(dfJson);
// 获取总行数（假设所有列的行数一致，这里取Item的键的数量）
const totalRows = Object.keys(dfJson.Item).length;

// 遍历每个索引位置
for (let index = 0; index < totalRows; index++) {
  // 拼接当前索引下所有列的内容
  const rowContent = allColumns.map(column => `${column}: ${dfJson[column][index]}`).join(' | ');
  // 输出结果
  console.log(rowContent);
}

代码解释 #

• Object.keys(dfJson)：返回JSON对象的所有属性名组成的数组，比如["Item", "Column 1", "Column 2", "Column 3"]，不管列名怎么变化，都能自动获取。
• totalRows：通过Object.keys(dfJson.Item).length拿到Item列的索引数量，因为所有列是同步的，这个值就是我们需要循环的次数。
• map和join：用map遍历所有列名，取出每个列对应索引的值，拼接成列名: 值的格式，再用join(' | ')把这些片段连接成你需要的字符串。

修正你原来代码的问题 #

你原来的代码里，for (column in dfJson)循环的是列名字符串，然后又用for (item in column)去循环这个字符串的每个字符，这显然偏离了你的需求。我们的方案直接按索引循环，保证每个列都取到同一个位置的元素，完全适配动态列名的场景。

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