You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在JavaScript中将含对象数组的对象转换为对象数组?

嘿,这个需求挺常见的,我给你几个JavaScript里实用的解决方案,你可以根据自己的场景来选:

解决方案1:最简洁的Object.values() + flat()组合

这个方法是最省心的,两步就能搞定:

  1. 用Object.values()提取原对象里所有的数组值,得到一个二维数组
  2. 用flat()把二维数组“拍平”成一维数组,正好就是你要的结果
const originalObj = { 
  "94":[{"Full Name":"Phalla Morn"}], 
  "95":[{"Full Name":"Pum Chhenghorng"}], 
  "99":[{"Full Name":"Proen Pich"}] 
};

const result = Object.values(originalObj).flat();
console.log(result);
// 输出:[{"Full Name":"Phalla Morn"}, {"Full Name":"Pum Chhenghorng"}, {"Full Name":"Proen Pich"}]

解决方案2:兼容老环境的reduce()写法

如果你的运行环境不支持flat()(比如一些旧版本浏览器),可以用reduce()来实现累加合并:

const originalObj = { 
  "94":[{"Full Name":"Phalla Morn"}], 
  "95":[{"Full Name":"Pum Chhenghorng"}], 
  "99":[{"Full Name":"Proen Pich"}] 
};

const result = Object.values(originalObj).reduce((acc, curr) => {
  // 把当前数组的元素合并到累加器里
  return acc.concat(curr);
}, []); // 初始值是空数组
console.log(result);

解决方案3:直观的forEach循环写法

如果你更喜欢一目了然的逻辑,用forEach手动遍历并收集元素也很方便:

const originalObj = { 
  "94":[{"Full Name":"Phalla Morn"}], 
  "95":[{"Full Name":"Pum Chhenghorng"}], 
  "99":[{"Full Name":"Proen Pich"}] 
};

const result = [];
// 遍历所有数组值
Object.values(originalObj).forEach(arr => {
  // 因为每个数组只有一个元素,直接push第一个就行
  result.push(arr[0]);
  // 要是以后数组可能有多个元素,改成 result.push(...arr) 更通用
});
console.log(result);

小提示

如果以后你的原对象里,每个属性对应的数组可能有多个元素,那方案1和方案2的写法不用修改就能直接适配;如果确定永远只有一个元素,方案3里的arr[0]写法也完全没问题。

内容的提问来源于stack exchange,提问作者Lim Socheat

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.26 08:38:45