如何将包含多个对象的JSON对象转换为标准对象数组

你给出的外层用{}包裹多个平铺对象的结构本身不符合JavaScript原生语法规范：标准对象字面量必须存储键值对，不支持直接存放无键名的独立值，出现该结构通常是数据生成环节误将数组的[]写成了对象的{}导致的，可根据你拿到数据的实际场景选择对应转换方案：

• 源头修正（最优方案）：如果还能修改数据生成/推送的代码，直接把外层包裹的大括号替换为方括号，得到的就是原生标准对象数组，不需要额外运行时处理。

// 直接修正后的合法数组
const d2 = [
  {
    id: "BK1",
    type: "MAGE",
    role: "DARK"
  },
  {
    id: "BK1",
    type: "MAGE",
    role: "DARK"
  },
  {
    id: "BK1",
    type: "MAGE",
    role: "DARK"
  }
]

• 字符串数据转换：如果你拿到的是序列化后的错误格式字符串，先将字符串首尾的外层大括号替换为方括号，再通过JSON解析即可得到标准数组。

// 示例：接口返回的错误格式字符串（注意JSON格式要求键名必须用双引号包裹）
const wrongFormatStr = `{
  {"id":"BK1","type":"MAGE","role":"DARK"},
  {"id":"BK1","type":"MAGE","role":"DARK"},
  {"id":"BK1","type":"MAGE","role":"DARK"}
}`
// 替换外层括号后解析
const validStr = wrongFormatStr.trim().replace(/^\{/, '[').replace(/\}$/, ']')
const d2 = JSON.parse(validStr)

• 类数组对象转换：如果你拿到的是带数字索引、length属性的类数组结构错误对象，直接使用数组构造方法转换即可。

// 示例：带索引和length的错误类数组对象
const wrongObj = {
  0: {id: "BK1", type: "MAGE", role: "DARK"},
  1: {id: "BK1", type: "MAGE", role: "DARK"},
  2: {id: "BK1", type: "MAGE", role: "DARK"},
  length: 3
}
// 转换为标准数组，无迭代器的类数组场景优先用Array.from
const d2 = Array.from(wrongObj)

优先选择源头修正方案，运行时转换仅作为无法修改上游数据时的兜底方案，长期保留错误结构会增加语法报错、数据遍历异常的风险。

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