object 的 React Filter 數組

Question

我有一個像這樣的 object 數組：

 export const SITE_MAP = [
{
 label: "Home",
 path: "/homepage",
 expansion: [],
},
{
label: "user",
expansion: [
  {
    label: "Catalogue",
    icon: "account",
    path: "pat_to",
    permission: "yes",
    items: []

我需要創建一個新數組 myHome ，其中包含所有具有權限的對象。 如何過濾 SITE_MAP 並將其分配給新數組 Myhome？

謝謝！

Answer 1

 const SITE_MAP = [{ label: "Schemes", icon: "control_camera", path: "control", permission: "yes", items: [] },{ label: "Schemes", icon: "control_camera", path: "control", permission: "no", items: [] } ] const myHome = SITE_MAP.filter(el => el.permission === 'yes') console.log(myHome)

Answer 2

您可以使用Array.prototype.filter方法過濾僅檢索您需要的 Object。

 const SITE_MAP = [ { label: "Schemes", icon: "control_camera", path: "control", permission: "yes", items: [] } ] const myHome = SITE_MAP.filter(site =>{ return site.permission === "yes"; }); console.log(myHome);