Remove object from the array if the property doesn't exist

Question

I have following array of object, I need to remove the object if the property didn't exist

const obj = [
  { name: 'Anu', fields: [{ age: 27, data: true }, { age: 17, data: true }] },
  { name: 'Ammu', fields: [{ age: 47, data: true }, { age: 37 }] },
  { name: 'Bat', fields: [{ age: 30 }] },
  { name: 'Asmi', fields: [{ age: 27, data: true }] },
];

Expected output

const res = [
  { name: 'Anu', fields: [{ age: 27, data: true }, { age: 17, data: true }] },
  { name: 'Ammu', fields: [{ age: 47, data: true }] },
  { name: 'Asmi', fields: [{ age: 27, data: true }] },
];

I tried the code but not working

const obj = [{ name: 'Anu', fields: [{ age: 27, data: true }, { age: 17, data: true }] }, { name: 'Ammu', fields: [{ age: 47, data: true }, { age: 37 }] }, { name: 'Bat', fields: [{ age: 30 }] }, { name: 'Asmi', fields: [{ age: 27, data: true }] }, ]

const newArray = obj.filter((ob) => {
  ob.fields.filter((field) => {
    return Object.keys(field).includes("data");
  });
});

console.log(newArray)

The outside filter has no Boolean, you do nothing with the internal filter — epascarello
– epascarello, Commented Jul 30, 2020 at 13:25

Hasib · Accepted Answer · 2020-07-30 14:48:45Z

3

You can do that using reduce() method easily. As already someone gave the solution using the reduce() method. I did different way using map() and filter() method. You can try this. Thank you

const obj = [
            {name: 'Anu',fields: [{ age: 27, data: true },{ age: 17, data: true }]},
            { name: 'Ammu', fields: [{ age: 47, data: true }, { age: 37 }] },
            { name: 'Bat', fields: [{ age: 30 }] },
            { name: 'Asmi', fields: [{ age: 27, data: true }] },
        ];

    
        let newArray = obj.map((item) => {
                let fields;
                let f = item.fields.filter((a) => a.data);
                if (f.length > 0) {
                    fields = f;
                }
                return { ...item, fields };
            }).filter((f) => f.fields);

        console.log(newArray);

edited Jul 30, 2020 at 14:48

answered Jul 30, 2020 at 13:46

Hasib

1411 silver badge9 bronze badges

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

Comments

henok · Accepted Answer · 2020-07-30 14:09:06Z

2

obj = [{ name: 'Anu', fields: [{ age: 27, data: true }, { age: 17, data: true }] }, { name: 'Ammu', fields: [{ age: 47, data: true }, { age: 37 }] }, { name: 'Bat', fields: [{ age: 30 }] }, { name: 'Asmi', fields: [{ age: 27, data: true }] }, ]

console.log(
    obj.filter(x => x.fields.find(y => y.data)).map(a => ({...a, fields: a.fields.filter(b => b.data)}))
)

edited Jul 30, 2020 at 14:09

answered Jul 30, 2020 at 13:26

henok

8945 silver badges13 bronze badges

3 Comments

User863 Over a year ago

object Ammu not fullfilled

mplungjan Over a year ago

Looked very promising, but you still have a { "age": 37 } in there

henok Over a year ago

@mplungjan you were right. i have updated my answer :)

Mr. Polywhirl · Accepted Answer · 2020-07-30 13:32:20Z

1

You can reduce the result set by filtering out items that have no valid fields.

For the items that are valid, you just filter their fields based on whether the data property is present and true.

const arr = [
  { name: 'Anu'  , fields: [ {age: 27, data: true}, {age: 17, data: true} ] },
  { name: 'Ammu' , fields: [ {age: 47, data: true}, {age: 37} ] },
  { name: 'Bat'  , fields: [ {age: 30} ] },
  { name: 'Asmi' , fields: [ {age: 27, data: true} ] },
];

console.log(arr.reduce((res, item) => 
  ((fields) => fields.length ? [ ...res, { ...item, fields } ] : res)
  (item.fields.filter(field => field.data))
, []));

.as-console-wrapper { top: 0; max-height: 100% !important; }

answered Jul 30, 2020 at 13:32

Mr. Polywhirl

49.1k12 gold badges96 silver badges147 bronze badges

Comments

User863 · Accepted Answer · 2020-07-30 13:32:55Z

1

Using reduce()

const obj = [{ name: 'Anu', fields: [{ age: 27, data: true }, { age: 17, data: true }] }, { name: 'Ammu', fields: [{ age: 47, data: true }, { age: 37 }] }, { name: 'Bat', fields: [{ age: 30 }] }, { name: 'Asmi', fields: [{ age: 27, data: true }] }, ]

const newArray = obj.reduce((a, ob) => {
  let fields = ob.fields.filter(i => i.data)
  let obj = {...ob, fields}
  return fields.length ? [...a, obj]: a
}, []);

console.log(newArray)

answered Jul 30, 2020 at 13:32

User863

20.1k3 gold badges20 silver badges45 bronze badges

Comments

andsilver · Accepted Answer · 2020-07-30 13:28:05Z

0

Try use the below code:

obj = obj.filter(item => item.fields.find(field => field.data));
console.log(obj);

answered Jul 30, 2020 at 13:28

andsilver

6,0323 gold badges22 silver badges50 bronze badges

Comments

wulfithewulf · Accepted Answer · 2020-07-31 10:31:20Z

0

     const obj = [{ name: 'Anu', fields: [{ age: 27, data: true }, { age: 17, data: true }] }, { name: 'Ammu', fields: [{ age: 47, data: true }, { age: 37 }] }, { name: 'Bat', fields: [{ age: 30 }] }, { name: 'Asmi', fields: [{ age: 27, data: true }] }, ]

    const newArray = obj.filter((ob) => {
        let newFields = ob.fields.filter((field) =>     Object.keys(field).includes('data'));
        if (newFields.length > 0) {
            ob.fields = newFields;
            return true;
        }
    });

    console.log(newArray)

edited Jul 31, 2020 at 10:31

answered Jul 30, 2020 at 13:32

wulfithewulf

578 bronze badges

3 Comments

mplungjan Over a year ago

Where did ammu go?

wulfithewulf Over a year ago

its now there. but honestly, use the reduce() function as others stated

mplungjan Over a year ago

You do not need an else after a return

Collectives™ on Stack Overflow

Remove object from the array if the property doesn't exist

6 Answers 6

Comments

3 Comments

Comments

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

3 Comments

Comments

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related