如何将带索引键的JavaScript嵌套结构转换为目标数组格式？

嘿，我来帮你搞定这个数组转换的事儿！首先得提一句，你给出的原始数组有几个小语法错误——比如每个索引键（像"1"、"2"）后面都缺了冒号，还有部分对象末尾多了逗号，我先帮你修正成合法的JavaScript结构，再讲具体的转换方法。

修正后的原始数组 #

首先确保你的原始数组是合法的，修正后应该是这样：

const originalArray = [
  {
    "0": {"name":"a","available":"12","onOrder":"0"},
    "1": {"name":"b","available":"3","onOrder":"0"},
    "2": {"name":"c","available":"0","onOrder":"3"},
    "3": {"name":"d","available":"2","onOrder":"2"}
  }
];

注意这里原始数组是一个只包含单个对象元素的数组，这个对象里的键是数字字符串，值是你想要保留的对象。

方法1：用Object.values()（最简洁） #

Object.values()方法可以直接提取对象中所有可枚举属性的值，组成一个新数组，完全符合你的需求：

const transformedArray = Object.values(originalArray[0]);
console.log(transformedArray);

运行后得到的结果就是你想要的格式：

[
  {"name":"a","available":"12","onOrder":"0"},
  {"name":"b","available":"3","onOrder":"0"},
  {"name":"c","available":"0","onOrder":"3"},
  {"name":"d","available":"2","onOrder":"2"}
]

方法2：用map实现 #

如果你一定要用map方法，可以先通过Object.keys()获取对象的键数组，再遍历每个键取出对应的值：

const targetObject = originalArray[0];
const transformedArray = Object.keys(targetObject).map(key => targetObject[key]);

这个方法和上面的结果完全一致，只是多了一步遍历键的过程。

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