Javascript filter objects in in array

Question

I have this challenge, where I want to return an array with objects, where the control array has value in the "value" property in its child object.

Besides that, it should also remove objects in control array, where there is no value

const data = [
      {
        'groupName': '1',
        'controls': [
          {'value': ''},
          {'value': ''}
        ]
      },
      {
        'groupName': '2',
        'controls': [
          {'value': ''},
          {'value': '2'}
        ]
      }
    ];

    const result = data.filter(cl => {
      return cl.controls.some(r => {
        return r.value !== '';
      });
    });

    console.log(result);

The result is this

[
  {
    'groupName': '2',
    'controls': [
      {'value': ''},
      {'value': '2'}
    ]
  }
];

but I want it to be this

   [
      {
        'groupName': '2',
        'controls': [
          {'value': '2'}
        ]
      }
    ];

User863 · Accepted Answer · 2019-08-22 12:41:49Z

2

Use nested filter() instead of some()

const data = [{groupName:"1",controls:[{value:""},{value:""}]},{groupName:"2",controls:[{value:""},{value:"2"}]}];;

const result = data.filter(cl => {
  cl.controls = cl.controls.filter(r => {
    return r.value !== '';
  });
  return cl.controls.length
});

console.log(result);

Note: It mutates the original array. You can use Array.from(data).filter(...) to avoid it

edited Aug 22, 2019 at 12:41

answered Aug 22, 2019 at 12:36

User863

20.1k3 gold badges20 silver badges45 bronze badges

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

Collectives™ on Stack Overflow

Javascript filter objects in in array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related