JavaScript遍历JSON数组问题：按指定格式输出数据

首先，我先帮你梳理下当前代码的核心问题：你现在的内层循环直接输出了整个信息对象，而非拆分提取单个属性值，而且依赖Object.keys+索引的遍历方式不仅冗余，还容易出错。咱们直接重构函数，既简化循环逻辑，又精准输出你想要的格式。

优化后的代码 #

function output_json(data) {
  // 遍历所有分组
  for (const group of Object.values(data)) {
    // 遍历分组内的人员条目，entries同时拿到ID和对应的信息数组
    for (const [personId, infoArray] of Object.entries(group)) {
      // 取出数组中存储的人员信息对象（匹配你原代码里取[0]的逻辑）
      const personInfo = infoArray[0];
      // 按要求顺序提取属性值，拼接为空格分隔的字符串
      const outputStr = [
        personId,
        personInfo.name,
        personInfo.registration_1,
        personInfo.registration_2,
        personInfo.week,
        personInfo.half_term
      ].join(' ');
      console.log(outputStr);
    }
  }
}

// 数据获取代码保持不变
$.getJSON("http://localhost:8000/data.json", function(data) {
    output_json(data);
});

原代码的问题解析 #

你原代码的第三层k循环里，person_info = Object.values(person)[k][0]实际上拿到的是完整的人员信息对象（因为person的结构是{人员ID: [ {...} ]}，Object.values(person)[k]是那个数组，[0]就是数组里的对象），直接console.log自然会输出对象的字符串形式，而非拆分后的属性值。

循环优化的核心点 #

• 用Object.values(data)直接获取所有分组集合，替代Object.keys+索引取值的繁琐方式
• 用Object.entries(group)同时拿到人员ID和对应的信息数组，省去单独提取person_id的步骤
• 直接按需求提取属性值拼接，完全移除了不必要的第三层循环

补充：动态遍历属性的可选方案 #

如果你不想硬编码属性名，希望动态遍历所有属性值（需保证JSON内属性顺序与输出顺序一致），可以改成这样：

const outputStr = [
  personId,
  ...Object.values(personInfo)
].join(' ');

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