React Filter array of object

Question

I Have an array of object like this:

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

I need to create a new array myHome which contains all the objects with permission yes. How can i filter the SITE_MAP and assign it to the new array Myhome?

Thank you!

Assignment in JS uses = and .filter filters arrays.developer.mozilla.org/en-us/docs/Web/JavaScript/Reference/… — evolutionxbox
– evolutionxbox, Commented Feb 4, 2021 at 11:24
Does this answer your question? How to filter object array based on attributes? — evolutionxbox
– evolutionxbox, Commented Feb 4, 2021 at 11:25
I've changed my code. It kind of answer my question but the issue is that i cannot access permission — Marco
– Marco, Commented Feb 4, 2021 at 13:24

Satyam Pathak · Accepted Answer · 2021-02-04 11:24:45Z

2

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)

answered Feb 4, 2021 at 11:24

Satyam Pathak

6,9603 gold badges28 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

evolutionxbox Over a year ago

(this question is likely a duplicate of stackoverflow.com/questions/2722159/…)

Marco Over a year ago

i modified my array... i've tried your suggestion but it just store the label home and not the child

Satyam Pathak Over a year ago

HI @Marco I just showed you the way to achieve what you are expecting, Now you need to go that path by yourself :) Happy to help

Yves Kipondo · Accepted Answer · 2021-02-04 11:26:14Z

0

You can use Array.prototype.filter method to filter retrieve only Object which you need.

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);

answered Feb 4, 2021 at 11:26

Yves Kipondo

5,6931 gold badge22 silver badges33 bronze badges

Collectives�� on Stack Overflow

React Filter array of object

2 Answers 2

3 Comments

Comments

Linked

Hot Network Questions

Collectives�� on Stack Overflow

2 Answers 2

3 Comments

Comments

Linked

Related