How to conditionally hide an object in an array of objects?

Question

I have an array of objects that look like this.

Here is a pen just in case.

  myArray = [
     {text: 'person', role: 'person'},
     {text: 'hobby', role: 'hobbies'},
     {text:'food', role: 'foods'},
     {text:'cars', role: 'vehicles'}
  ]

How can i make it so that if a certain condition is false, the object with cars will be hidden and if it is true then return the array as it is?

Is ther another or dynamic way of doing this? what if my array is really long and i want to do it in just one place without having to declare this all over the place? — user11606914
– user11606914, Commented Dec 13, 2019 at 18:12
Declare the parts that you want in both places in one array and the parts that you want only in one place in another array, then merge (.concat()) them in the place where you want both parts. — Bergi
– Bergi, Commented Dec 13, 2019 at 18:20

Ali · Accepted Answer · 2019-12-13 18:15:58Z

2

  myArray = [
     {text: 'person', role: 'person'},
     {text: 'hobby', role: 'hobbies'},
     {text:'food', role: 'foods'},
     {text:'cars', role: 'vehicles'}
  ]
  if(condition){
    return myArray.filter( item => item.text !== 'cars')
  }else{
    return myArray;
  }

answered Dec 13, 2019 at 18:15

Ali

4581 gold badge8 silver badges19 bronze badges

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

2 Comments

Tyler Roper Over a year ago

"if it is true then return the array as it is" - I believe your logic is reversed.

user11606914 Over a year ago

Thank you so much!!

Raphael Deiana · Accepted Answer · 2019-12-13 18:19:14Z

2

You can use the filter function :

if(condition===false) {
  myArray = myArray.filter(o=>o.text!=="cars");
}

edited Dec 13, 2019 at 18:19

answered Dec 13, 2019 at 18:15

Raphael Deiana

7504 silver badges20 bronze badges

Collectives™ on Stack Overflow

How to conditionally hide an object in an array of objects?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related