如何在reactjs中通过对象数组过滤对象数组

Question

我在通过对象数组过滤对象数组内的数据时遇到问题。我已经尝试将过滤器与 includes 方法结合使用，但返回一个空数组。

假设我有一个名为 listOfPermissions 的数组。

listOfPermissions = [
        {name:'A',IsChecked:true},
        {name:'B',IsChecked:true},
        {name:'C',IsChecked:true}
]

比我想用 permissionOnRole 数组过滤列表

permissionOnRole = [
        {name:'C',IsChecked: true}    
]

我想达到的目标

result = [
    {name:'A',IsChecked:true},
    {name:'B',IsChecked:true},
]

这是我的代码

const setUncheckPermissions = () => {
    const permissionsOnRole = role.permissions.map(it => ({name: it, isChecked: true}))
    const listOfAllPermissions = props.permissions.map((permission) => {return {name: permission['name'], isChecked: true}});


    let result = listOfAllPermissions.filter(item => permissionsOnRole.includes(item));

    console.log(listOfAllPermissions)

}

请帮我解决这个问题先感谢您

Answer 1

只需使用filter

const listOfPermissions = [
        {name:'A',IsChecked:true},
        {name:'B',IsChecked:true},
        {name:'C',IsChecked:true}
]
const permissionOnRole = [
        {name:'C',IsChecked: true}    
]

const result = listOfPermissions.filter(item => !!permissionOnRole.find(i => i.name !== item.name))

console.log(result)