javascript - 在嵌套的对象数组中使用过滤器

Question

我想要一个数组，该数组根据选中的属性返回某些属性。

const data = [
      {
        "param": "type",
        "id": 6,
        "data": [
          {
            "name": "Collect",
            "filterKey": "collect",
            "checked": false
          },
          {
            "name": "Redeem",
            "filterKey": "redeem",
            "checked": true
          }
        ]
      },
      {
        "param": "country",
        "id": 5,
        "data": [
          {
            "name": "Malaysia",
            "filterKey": "my",
            "checked": true
          },
          {
            "name": "Singapore",
            "filterKey": "sg",
            "checked": false
          }
        ]
      }
    ]

为什么我下面的代码不起作用？这是我用于检查或取消检查事件的函数

const checkedKeys = data.map(o => {
        return o.data.filter(o2 => {
          return o2.checked === true
        }).filterKey
    })

对于上述情况，我希望得到 ['my', 'redeem']。

Answer 1

使用 array.protoype.concat、array.protoype.filter、array.protoype.map 和 spread< 的解决方案/em> ES6 的运算符:

var data = [ { "param": "type", "id": 6, "data": [{"name": "Collect", "filterKey": "collect", "checked": false }, {"name": "Redeem", "filterKey": "redeem", "checked": true }]}, {"param": "country","id": 5,"data": [{"name": "Malaysia","filterKey": "my","checked": true}, {"name": "Singapore","filterKey": "sg","checked": false}]}];

var result = [].concat(...data.map(o => o.data)).filter(d => d.checked).map(d => d.filterKey);
console.log(result);