Removing object with property in array leaves an empty object

Question

I'm trying to remove an item with a property from array object based on the key but it is leaving an empty object. For example,

var items = [{"fruits": ["Apple","Banana"]},{"veggies": ["Potato","Carrot"]}]

So I want to remove the item with the fruits property. This is the code I tried...

var filter = items.map(({ fruits, ...rest }) => rest);

This gave me an output of

[{},{"veggies": ["Potato", "Carrot"]}]

Why is it leaving a trace of an empty object? And how to get rid of that empty object?

Why is items an array of objects with a single property, rather than one object with multiple properties? — Ivar
– Ivar, Commented Aug 26, 2021 at 14:41
Does this answer your question? Remove array element based on object property Instead of obj.property == "value" or obj.property != "value", just use !obj.property or !obj.hasOwnProperty("property") — Heretic Monkey
– Heretic Monkey, Commented Aug 26, 2021 at 14:47
@HereticMonkey That provides one solution but I also wanted to know why it is leaving an empty object? — Lahari
– Lahari, Commented Aug 26, 2021 at 15:02
@eerily There might be valid use cases for it, but an object is a collection of properties. It doesn't make much sense to split them up into one object per property and then add them all to an array. WIth a single property, the destructuring, or simply delete items.fruits would've been enough. Now you need extra, potentially unnecessary steps. — Ivar
– Ivar, Commented Aug 26, 2021 at 15:06

Kirill Savik · Accepted Answer · 2021-08-26 14:41:20Z

3

Please use filter function.

var items = [{"fruits": ["Apple","Banana"]},{"veggies": ["Potato","Carrot"]}];
const result = items.filter(val => !val.hasOwnProperty("fruits"));
console.log(result);

answered Aug 26, 2021 at 14:41

Kirill Savik

1,2886 silver badges7 bronze badges

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

Comments

Sanket Shah · Accepted Answer · 2021-08-26 14:41:26Z

3

Try this

var items = [{"fruits": ["Apple","Banana"]},{"veggies": ["Potato","Carrot"]}]

console.log(items.filter(item => !item.hasOwnProperty('fruits')))

answered Aug 26, 2021 at 14:41

Sanket Shah

3,1091 gold badge13 silver badges24 bronze badges

Comments

David · Accepted Answer · 2021-08-26 14:41:49Z

2

.map will return an array of the same length, mapped to a new array. To remove entries use .filter:

var items = [{"fruits": ["Apple","Banana"]},{"veggies": ["Potato","Carrot"]}]
var filter = items.filter(i => !i.fruits);
console.log(filter);

answered Aug 26, 2021 at 14:41

David

221k42 gold badges246 silver badges338 bronze badges

Collectives™ on Stack Overflow

Removing object with property in array leaves an empty object

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related