如何扁平化对象中的嵌套数组？已尝试concat.apply方法无效

嘿，我明白你遇到的问题了——想要把对象里的二维listOfDocs数组转成一维，但之前的方法没生效对吧？其实问题大概率出在没把扁平化后的结果赋值回原对象上，咱们来一步步搞定它。

问题分析 #

你的原对象中listOfDocs是嵌套数组（数组里包数组），Array.prototype.concat.apply([], row.listOfDocs)本身是能生成正确的扁平化数组的，但如果只是调用这个方法却不把结果赋值给原对象的listOfDocs属性，原对象根本不会被修改，扁平化的结果只是个临时值而已。

可行解决方案 #

方案1：ES6+ 简洁写法（推荐）

用Array.flat()方法，它专门用来扁平化数组，默认只扁平化一层，完全匹配你的需求：

// 假设你的原对象命名为obj
obj.listOfDocs = obj.listOfDocs.flat();

如果之后遇到更深层次的嵌套，还可以传参数指定扁平化深度，比如flat(2)处理三维数组。

方案2：兼容旧环境的concat.apply写法

如果你的运行环境不支持ES2019（比如老版本浏览器），可以用你之前尝试的方法，但一定要赋值回去：

obj.listOfDocs = Array.prototype.concat.apply([], obj.listOfDocs);

或者用更直观的扩展运算符写法：

obj.listOfDocs = [].concat(...obj.listOfDocs);

完整示例代码 #

// 原对象
const originalObj = {
  "id": "575802",
  "listOfStuff": ["AB"],
  "listOfDocs": [
    [{ "doc_id": "123456", "id": "123", "filename": "myFileName.pdf" }],
    [{ "doc_id": "1234", "id": "123", "filename": "myFileName2.pdf" }]
  ]
};

// 选择一种方法扁平化
originalObj.listOfDocs = originalObj.listOfDocs.flat();
// 或者 originalObj.listOfDocs = [].concat(...originalObj.listOfDocs);

console.log(originalObj);

运行后就能得到你期望的结构：

{
  "id": "575802",
  "listOfStuff": ["AB"],
  "listOfDocs": [
    { "doc_id": "123456", "id": "123", "filename": "myFileName.pdf" },
    { "doc_id": "1234", "id": "123", "filename": "myFileName2.pdf" }
  ]
}

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