How to filter object with array inside?

Question

I'm trying to filter everything inside 'items' with 'name': "", without losing structure and values of fieldLabel and placeholder. Below is my current object:

result: {
    "fieldLabel": "foo",
    "placeholder": "foo",
    "items": [
        {
            "name": "foobar"
        },
        
            "name": ""
        },
        {
            "name": ""
        }
    ]
}

I want the object to look like this after filtering:

result: {
   "fieldLabel": "foo",
   "placeholder": "foo",
   "items": [
       {
           "name": "foobar"
       },                     
   ]
}

Badal Saibo · Accepted Answer · 2021-07-19 06:47:27Z

1

Have a reference to the original object first.

const results = {
    "fieldLabel": "foo",
    "placeholder": "foo",
    "items": [
        {
            "name": "foobar"
        },
        {
            "name": ""
        },
        {
            "name": ""
        }
    ]
}

Create a new object from the reference. Use spread syntax for copying object. Then filter method for filtering

const newObject = {
  ...results,
  items: results.items.filter(item => item.name)
}

edited Jul 19, 2021 at 6:47

answered Jul 19, 2021 at 6:35

Badal Saibo

3,9031 gold badge18 silver badges30 bronze badges

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

1 Comment

RyRyWilli Over a year ago

This is what I was looking for. Thank you!!

Drew Reese · Accepted Answer · 2021-07-19 06:38:21Z

1

You can filter the nested items array that have truthy name properties.

const result= {
  "fieldLabel": "foo",
  "placeholder": "foo",
  "items": [
    {
      "name": "foobar"
    },
    {
      "name": ""
    },
    {
      "name": ""
    }
  ]
};

result.items = result.items.filter(({ name }) => name);

console.log(result);

If you need to do this using an immutable pattern then shallow copy the object and nested properties that you are updating.

const result= {
  "fieldLabel": "foo",
  "placeholder": "foo",
  "items": [
    {
      "name": "foobar"
    },
    {
      "name": ""
    },
    {
      "name": ""
    }
  ]
};

const newresult = {
  ...result,
  items: result.items.filter(({ name }) => name)
};

console.log(newresult);
console.log(result === newresult); // false since new object

edited Jul 19, 2021 at 6:38

answered Jul 19, 2021 at 6:32

Drew Reese

207k19 gold badges280 silver badges292 bronze badges

1 Comment

RyRyWilli Over a year ago

Thanks, using the spread syntax was a great solution.

stacj · Accepted Answer · 2021-07-19 06:24:03Z

0

Something like this?

Filter YOUROBJ.items to keep all entries where property name has a value that is not null/undefined/false

res.items = res.items.filter(e => e.name);

const obj = {
    "fieldLabel": "foo",
    "placeholder": "foo",
    "items": [
        {
            "name": "foobar"
        },
        {
            "name": ""
        },
        {
            "name": ""
        }
    ]
}

const res = Object.assign({}, obj); // copy object to not mutate the original one
res.items = res.items.filter(e => e.name); // filter array "items" to just keep items with property name
console.log(res);

answered Jul 19, 2021 at 6:24

stacj

1,1221 gold badge9 silver badges23 bronze badges

Collectives™ on Stack Overflow

How to filter object with array inside?

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related