如何使用JavaScript數組映射方法編寫循環代碼

Question

這是我在JavaScript中用for循環編寫的代碼

var data = [{id: "1",LinkTitle: "a1", SubCategories: [{ id: "12", 
                                                        LinkTitle: "b1",
                                                        SubCategories: []
                                                     }]
    },
    {
        id: "2",
        LinkTitle: "l1",
        SubCategories: [
            {
                id: "21",
                LinkTitle: "l2",
                SubCategories: []
            },
            {
                id: "22",
                LinkTitle: "aa",
                SubCategories: []
            }
        ]
    }
];
var cat = [];
var x = ["l1", "l2"];
for (let i = 0; i < x.length; i++) {
    cat[i] = data.find(e => e.LinkTitle == x[i]);
    if (cat[i]) {
        data = cat[i].SubCategories;
    }
}

有什么辦法可以從此代碼中刪除for循環，並用數組映射方法替換它

Answer 1

有可能 ，只需將找到的項目保存在變量中，然后在回調的末尾將其返回：

 var data = [{ id: "1", LinkTitle: "a1", SubCategories: [{ id: "12", LinkTitle: "b1", SubCategories: [] }] }, { id: "2", LinkTitle: "l1", SubCategories: [{ id: "21", LinkTitle: "l2", SubCategories: [] }, { id: "22", LinkTitle: "aa", SubCategories: [] } ] } ]; var x = ["l1", "l2"]; const cat = x.map((linkTitleToFind) => { const result = data.find(e => e.LinkTitle == linkTitleToFind); if (result) { data = result.SubCategories; } return result; }); console.log(cat); 

也就是說， .map重新分配很奇怪。