在javascript中按值过滤对象数组答案

【问题标题】：filter array of objects by value in javascript在javascript中按值过滤对象数组
【发布时间】：2021-02-08 16:56:00
【问题描述】：

我正在尝试根据下面给出的数组值过滤对象。我知道如何通过键过滤对象，但在这种情况下，我需要按值过滤它。

这是我的代码：

let _ = [{
        "form_id": "659d796d-aa78-4e74-af68-5ef037bb215b",
        "form_name": "Investigation Forms",
        "form_type": null,
        "created_at": "",
        "updated_at": ""
    },
    {
        "form_id": "9991f556-fc7f-4400-a491-062b12a0bb03",
        "form_name": "Other Investigation Forms",
        "form_type": {
            "form_type_name": "Assessment",
            "form_type_id": "5f4419c1-9351-4338-b894-84a000328cc4"
        },
        "created_at": "",
        "updated_at": ""
    },
    {
        "form_id": "9991f556-fc7f-4400-a491-062b12a0bb03",
        "form_name": "Other/General Investigation Forms",
        "form_type": {
            "form_type_name": "Report",
            "form_type_id": "594ba131-b110-4ec5-855a-9de8440fbc7b"
        },
        "created_at": "",
        "updated_at": ""
    }
]

//-------------------------------------------------------------------------------------------------

const values = [0, "5f4419c1-9351-4338-b894-84a000328cc4", "594ba131-b110-4ec5-855a-9de8440fbc7b"]

plz ignore my below code it is work attempt . 

const output = _.map(item =>
    values.reduce((val, key) => ({
        ...val,
        [key]: item[key]
    }), {})
);
console.log(output);

my expected output :
const values = ["5f4419c1-9351-4338-b894-84a000328cc4"]

output = [{
 "form_id": "9991f556-fc7f-4400-a491-062b12a0bb03",
        "form_name": "Other Investigation Forms",
        "form_type": {
            "form_type_name": "Assessment",
            "form_type_id": "5f4419c1-9351-4338-b894-84a000328cc4"
        },
        "created_at": "",
        "updated_at": ""
}]

form_type 有form_type_id，这是我需要过滤的值。

【问题讨论】：

您要根据form_type. form_type_id 的值进行过滤吗？
@code 是的兄弟，我需要这样的
@code 是的，我需要这样
你想用什么逻辑来过滤？ form_type_id 是否存在，或者它是否具有特定值？
这能回答你的问题吗？ Filter nested array in object array by array of values

标签： javascript arrays json object

【解决方案1】：

如果我正确理解了您的问题，那么您需要

_.filter((item) => values.includes(item.form_type?.form_type_id));

或者如果可选链接不可用（正如 Obed Marquez Parlapiano 正确指出的那样）

_.filter((item) => values.includes(item.form_type && item.form_type.form_type_id));

在https://jsfiddle.net/snLqx4g9/查看测试

【讨论】：

请注意，您可能无权访问可选链接 ?.。在这种情况下，只需使用item.form_type && item.form_type.form_type_id
Array.contains 实际上已被弃用，您可能无法在浏览器中使用。我已经更新了答案并包含了 Obed 的评论
添加了一个 jsfiddle 链接，您可以在其中玩这个。如果 workink 请接受答案。