How to remove object property from an array of objects if the value is 0

Question

I have an array like this:

const data = [
  { percent: 123, unit: -1 },
  { percent: 456, unit: 0 },
  { percent: 0, unit: 5},
  { percent: 789, unit: -3 }
];

and I'm trying to remove all properties that have 0 value, so the desired result will be like this:

var data = [
  { percent: 123, unit: -1 },
  { percent: 456 },
  { unit: 5},
  { percent: 789, unit: -3 }
];

I've tried something like this:

const newData = 
   data.map(e => 
      Object.keys(e).forEach(key => 
         e[key] === 0 && delete e[key]));

but that returns an array of undefined values.

const data = [
    { percent: 123, unit: -1 },
    { percent: 456, unit: 0 },
    { percent: 0, unit: 5},
    { percent: 789, unit: -3 }
];

const newData = data.map(e => Object.keys(e).forEach(key => e[key] === 0 && delete e[key]))

console.log(newData)

What am I doing wrong? Thanks in advance!

you can use simply .filter to select only desired items developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… In result you will get new array — demo
– demo, Commented Aug 9, 2021 at 10:09
Replace the first map with forEach as you’re not currently returning any data. Or return e after Object.keys? — evolutionxbox
– evolutionxbox, Commented Aug 9, 2021 at 10:11
newData = data.map(e => e.percent == 0 || e.unit == 0 ? {}: e) — john Smith
– john Smith, Commented Aug 9, 2021 at 10:15

Majed Badawi · Accepted Answer · 2021-08-09 10:12:45Z

4

Array#forEach doesn't return an array.

To achieve your desired output, in each iteration, use Object#entries to get the key-value pairs of the current object, and Array#filter to filter the ones where the value is zero. To construct the resulting object again, use Object#fromEntries:

const data = [ { percent: 123, unit: -1 }, { percent: 456, unit: 0 }, { percent: 0, unit: 5}, { percent: 789, unit: -3 } ];

const newData = data.map(e => 
  Object.fromEntries(
    Object.entries(e).filter(([key, value]) => value !== 0)
  )
);

console.log(newData)

answered Aug 9, 2021 at 10:12

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

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

Comments

Md Sabbir Alam · Accepted Answer · 2021-08-09 10:16:08Z

1

It is all undefined because you are not returning anything from the method inside data.map.

You can use Array reduce method to solve this problem.

const data = [
    { percent: 123, unit: -1 },
    { percent: 456, unit: 0 },
    { percent: 0, unit: 5},
    { percent: 789, unit: -3 }
];

const newData = data.map(e => {
  const newObj = Object.keys(e).reduce((prev, curr) => {
    if(e[curr] !== 0) prev[curr] = e[curr];
    return prev;
  }, {});
  return newObj;
})

console.log(newData)

answered Aug 9, 2021 at 10:16

Md Sabbir Alam

5,0643 gold badges19 silver badges31 bronze badges

Collectives™ on Stack Overflow

How to remove object property from an array of objects if the value is 0

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related