javascript - 使用 map 循环时删除关联对象

Question

我有一个json数组，我需要删除id值为5的子数组，该子数组属于serialNo 1。我尝试了以下方法，但它没有删除子数组中的任何条目。

let Details = [
    { "serialNo": "1", "text": "AAA", "subArray": [{ "id": "1", "name": "geo" }, { "id": "5", "name": "gau" }, { "id": "4", "name": "joi" }] },
    { "serialNo": "2", "text": "BBB", "subArray": [{ "id": "7", "name": "rom" }, { "id": "5", "name": "dom" }, { "id": "4", "name": "noi" }] },
    { "serialNo": "3", "text": "CCC", "subArray": [{ "id": "1", "name": "glo" }, { "id": "5", "name": "gum" }, { "id": "4", "name": "lom" }] }
];

Details.map((data) => {
    if (data.serialNo === "1") {
        data.subArray.map((subDetails) => {
            if (subDetails.id === "5") {
                delete data.subArray[subDetails];
            }
        })
    }
})

Answer 1

我不知道你为什么明确想要使用map函数。但以下工作有效:

let Details = [
        { "serialNo": "1", "text": "AAA", "subArray": [{ "id": "1", "name": "geo" }, { "id": "5", "name": "gau" }, { "id": "4", "name": "joi" }] },
        { "serialNo": "2", "text": "BBB", "subArray": [{ "id": "7", "name": "rom" }, { "id": "5", "name": "dom" }, { "id": "4", "name": "noi" }] },
        { "serialNo": "3", "text": "CCC", "subArray": [{ "id": "1", "name": "glo" }, { "id": "5", "name": "gum" }, { "id": "4", "name": "lom" }] }
    ];

Details = Details.map(function (data) {
    if (data.serialNo === "1") {
        data.subArray = data.subArray.filter(function (sa) {
            return (sa.id !== "5");
        });
    }
    return data;
});

console.log(Details);