如何基于内部数组值过滤二维数组？代码问题排查与修正

你遇到的问题很典型：用map的时候直接返回了内部data过滤后的结果，导致外层的batch_id、internal_batch_id这些字段全部丢失了，而且最终得到的是一个只包含内部数组的集合，完全不是你想要的完整结构。

正确的实现思路 #

我们需要分两步处理：

• 遍历外层数组，对每个元素的data数组进行过滤，同时完整保留外层元素的所有原有属性
• 过滤掉那些内部data数组为空的外层元素（比如你的例子里batch_id=2的项，过滤后data是空数组，应该被排除）

修正后的代码 #

var data = [
 { "batch_id": "1", "data": [ { "identifier": "aa", "type": "video" }, { "identifier": "ab", "type": "image" } ], "internal_batch_id": 72 },
 { "batch_id": "2", "data": [ { "identifier": "a", "type": "image" }, { "identifier": "b", "type": "image" } ], "internal_batch_id": 72 }
]
var type = 'video'

var filteredData = data
  .map(item => {
    // 保留外层所有属性，替换data为过滤后的数组
    return {
      ...item,
      data: item.data.filter(item1 => item1.type.toUpperCase() === type.toUpperCase())
    }
  })
  // 过滤掉data为空的外层元素
  .filter(item => item.data.length > 0)

console.log(filteredData)

代码细节解释 #

• 第一步map：我们用扩展运算符...item把外层元素的所有属性复制到新对象中，然后重新赋值data字段为过滤后的内部数组，这样既完成了内部数组的筛选，又保留了batch_id等所有外层信息。
• 第二步filter：因为有些外层元素在过滤内部data后会变成空数组（比如batch_id=2的项），这一步把这些无效项排除掉，最终得到你期望的结果。

运行这段代码后，filteredData的结果就是：

[
  {
    "batch_id": "1",
    "data": [ { "identifier": "aa", "type": "video" } ],
    "internal_batch_id": 72
  }
]

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