使用javascript过滤嵌套的js对象数组

Question

我正在尝试从嵌套的 js 对象获取数据，这是我的输入。var data =     [ [ { Id: '123', Name: 'Abc', Amount: 110000 }       , { Id: '567', Name: 'DEF', Amount:  98000 }       , { Id: '345', Name: 'XYZ', Amount: 145000 }       ]     , [ { Id: '656', Name: 'Abc', Amount: 110000 }       , { Id: '223', Name: 'DEF', Amount:  98000 }       , { Id: '897', Name: 'XYZ', Amount: 145000 }     ] ] 在这里，当我想获取223.我不太清楚我们如何在嵌套的 js 对象中做到这一点。在常规的 js 对象数组中，我使用如下的 filter 方法。var result= data.filter(element => ((element.Id == "223")).但是如果是嵌套的 js 对象（在 ES6 中），我该怎么做呢？我提到了这里的帖子并在这里做了一个小提琴，它没有按预期工作。

Answer 1

我只是先把它弄平（第一个控制台日志），除非你想要整个“外部”数组，在这种情况下只做.find两次：

var data = [

  [{

      "Id": "123",

      "Name": "Abc",

      "Amount": 110000

    },

    {

      "Id": "567",

      "Name": "DEF",

      "Amount": 98000

    },

    {

      "Id": "345",

      "Name": "XYZ",

      "Amount": 145000

    }

  ],

  [{

      "Id": "656",

      "Name": "Abc",

      "Amount": 110000

    },

    {

      "Id": "223",

      "Name": "DEF",

      "Amount": 98000

    },

    {

      "Id": "897",

      "Name": "XYZ",

      "Amount": 145000

    }

  ]

];

var result = data.flat().filter(element => element.Id == "223");

console.log(result);

console.log(data.find(el => el.find(item => item.Id === "223")))

Answer 2

您可以先使用.flat()数组data，然后对其进行简单的过滤并搜索Id您想要的；或递归过滤数组，然后搜索Id您想要的。下面的片段演示了第二种方式

let result = data.map( array =>  

   array.filter( item => item.Id === "223" )

).flat();

var data = 

    [ [ { Id: '123', Name: 'Abc', Amount: 110000 } 

      , { Id: '567', Name: 'DEF', Amount:  98000 } 

      , { Id: '345', Name: 'XYZ', Amount: 145000 } 

      ] 

    , [ { Id: '656', Name: 'Abc', Amount: 110000 } 

      , { Id: '223', Name: 'DEF', Amount:  98000 } 

      , { Id: '897', Name: 'XYZ', Amount: 145000 } 

    ] ];

let result = data.map( array =>  array.filter( item => item.Id === "223" )).flat();

console.log(result);