Question

我有以下名为过滤器的数组，并尝试按选定的项目对其进行过滤。
最后，我希望所有过滤器都位于选定项目所在的位置，但仅包含选定项目

let filters = [
  {
    id: 0,
    name: 'property',
    items: [
      {
        id: 0,
        name: 'x',
        isSelected: false
      },
      {
        id: 1,
        name: 'y',
        isSelected: true
      }
    ]
  },
  {
    id: 1,
    name: 'property2',
    items: [
      {
        id: 0,
        name: 'x',
        isSelected: true
      },
      {
        id: 1,
        name: 'y',
        isSelected: false
      }
    ]
  }
]

我想在末尾得到以下数组：

let filteredFilters = [
  {
    id: 0,
    name: 'property',
    items: [
      {
        id: 1,
        name: 'y',
        isSelected: true
      }
    ]
  },
  {
    id: 1,
    name: 'property2',
    items: [
      {
        id: 0,
        name: 'x',
        isSelected: true
      }
    ]
  }
]

我尝试了以下代码，但是它不起作用。

let filteredFilters = filters.filter(filter => {
    return filter.items.filter(item => {
       return item.isSelected === true;
  })
})

Answer 1

由于要处理嵌套数组，因此需要map + filter：

let filters = [
  {
    id: 0,
    name: 'property',
    items: [
      {
        id: 0,
        name: 'x',
        isSelected: false
      },
      {
        id: 1,
        name: 'y',
        isSelected: true
      }
    ]
  },
  {
    id: 1,
    name: 'property2',
    items: [
      {
        id: 0,
        name: 'x',
        isSelected: true
      },
      {
        id: 1,
        name: 'y',
        isSelected: false
      }
    ]
  }
]


let filteredFilters = 
    filters.map(
        ({items, ...rest}) => ({...rest, items: items.filter(item => item.isSelected)})
    )
    .filter(x => x.items.length > 0);

console.log(filteredFilters);

在数组中过滤数组，仅获取过滤后的项目

1 个答案: