How can I remove empty object in from an array in JS

Question

I have an array of objects and when I stringify, it looks like this:

"[[{"entrReqInv": "Neither"},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{}]]"

How can I remove the empty {}s?

@jfriend00 I edited the question to reflect proper JS object syntax. — Jackson Holiday Wheeler
– Jackson Holiday Wheeler, Commented Aug 18, 2018 at 13:11

djfdev · Accepted Answer · 2015-11-24 01:48:26Z

111

var newArray = array.filter(value => Object.keys(value).length !== 0);

answered Nov 24, 2015 at 1:48

djfdev

6,0674 gold badges22 silver badges40 bronze badges

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

5 Comments

webdeb Over a year ago

I agree, but you should put a hint to it, and add a es5 example, because it might not work everywhere..

Barmar Over a year ago

My answer is the ES5 version.

Sinux Over a year ago

array.filter((item) => Object.keys(item).length);

Sublow Over a year ago

@Sinux answer is good, but remember that calling filter() on an array does not change the original array, so you'd have to reassign it e.g. array = array.filter((item) => Object.keys(item).length);

Ch Usman Over a year ago

this wont work if array contains undefined objects. i.e [{name:"abc"}, undefined ].

Dude · Accepted Answer · 2019-08-16 17:39:41Z

14

I would recommend using the following code:

var newArray = array.filter(value => JSON.stringify(value) !== '{}');

I did not use Object.keys(value).length !== 0 because it not only removes empty objects { } but also removes empty arrays [ ]. If you only want to remove empty objects, use the above method.

answered Aug 16, 2019 at 17:39

Dude

3393 silver badges6 bronze badges

Comments

Barmar · Accepted Answer · 2015-11-24 02:04:06Z

13

You can use Array.prototype.filter to remove the empty objects before stringifying.

JSON.stringify(array.filter(function(el) {
    // keep element if it's not an object, or if it's a non-empty object
    return typeof el != "object" || Array.isArray(el) || Object.keys(el).length > 0;
});

edited Nov 24, 2015 at 2:04

answered Nov 24, 2015 at 1:48

Barmar

789k57 gold badges554 silver badges668 bronze badges

5 Comments

Roamer-1888 Over a year ago

This will also filter out empty arrays.

Barmar Over a year ago

@Roamer-1888 Is there a way to distinguish arrays from other objects? Anyway, he says he has an array of objects, to it might not matter.

Roamer-1888 Over a year ago

Indeed, we don't know if it matters or not. If it does, then add Array.isArray(el) to the filter.

StackSlave Over a year ago

Not really backward compatible, but still a solution.

Rudy Over a year ago

Thank you guys!! it finally worked for me!!! and I should really upload a pic.... its a She :) thxs for the help

David Buck · Accepted Answer · 2020-04-10 09:08:42Z

4

If your array of objects is like -

finalobj--- [ { 'patient._id': '123' },
  { 'patient.birthDate': 'lt2013-01-14', {}, {} } ]

Then use the below line to remove the blank object --

var newArray = obj.filter((value: {}) => Object.keys(value).length !== 0);

edited Apr 10, 2020 at 9:08

David Buck

3,87840 gold badges54 silver badges73 bronze badges

answered Apr 10, 2020 at 8:20

user2049674

412 bronze badges

Comments

shahriar hasan · Accepted Answer · 2019-04-05 21:18:36Z

1

Simpler to understand:

let primaryArray = [{key:'value'},{},{},{}]
let removeObsoletesArray = []
primaryArray.forEach( element => {
   if(element.length > 0){
      removeObsoletesArray.push(element)
   }
})

answered Apr 5, 2019 at 21:18

shahriar hasan

1531 gold badge3 silver badges10 bronze badges

1 Comment

AbuZubair Over a year ago

This will work if you do: Object.keys(dictionary).length.

StackSlave · Accepted Answer · 2015-11-24 02:13:30Z

0

Here's what I would do, for progressive enhancement reasons:

var aryAry = [[{prop: 'value'},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{}]];
var a = aryAry[0], r = [];
for(var i=0,l=a.length; i<l; i++){
  var n = 0, o = a[i];
  for(var q in o){
    n++;
  }
  if(n > 0){
    r.push(o);
  }
}
console.log(r);

edited Nov 24, 2015 at 2:13

answered Nov 24, 2015 at 1:56

StackSlave

10.6k2 gold badges20 silver badges35 bronze badges

5 Comments

Barmar Over a year ago

Your arguments to splice() are wrong, it should be (i, 1). But this will also skip the element after the one you splice out, because that element will become i.

Barmar Over a year ago

It's also not clear that he wants to modify the array itself, just not include the empty elements when stringifying.

Barmar Over a year ago

That inner loop is a pretty verbose way do to n = Object.keys(o).length;

Barmar Over a year ago

I long ago stopped worrying about IE8. If he needs a polyfill, he can look it up.

StackSlave Over a year ago

According to this, you're missing over 14% of the Market Share this year.

m4n0 · Accepted Answer · 2021-09-08 11:48:40Z

0

const arrValues = [{
  x: 100
}, {
  x: 200
}, {}];
let filteredArra = arrValues.filter(
  obj => !(obj && Object.keys(obj).length === 0)
);

edited Sep 8, 2021 at 11:48

m4n0

32.6k28 gold badges81 silver badges98 bronze badges

answered Sep 7, 2021 at 11:35

Sajid Khaki

1611 silver badge4 bronze badges

Comments

Faiyaz · Accepted Answer · 2023-02-08 16:10:47Z

0

If you want to make this a bit more readable then i recommend combining with lodash:

var filteredArray = array.filter(value => !_.isEmpty(value));

This should filter for empty object and also undefined.

answered Feb 8, 2023 at 16:10

Faiyaz

414 bronze badges

Comments

Rajesh Bose · Accepted Answer · 2019-03-23 05:25:14Z

-3

let arr = [{a:1},{},{c:3}];

arr = _.filter(arr,v => _.keys(v).length !== 0);

console.log(arr)

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>

arr= _.filter(arr,v => _.keys(v).length !== 0);

edited Mar 23, 2019 at 5:25

answered Mar 23, 2019 at 5:15

Rajesh Bose

12 bronze badges

2 Comments

Romil Patel Over a year ago

you may also need to add an explanation about answer

chb Over a year ago

Hi, welcome to Stack Overflow. When answering a question that already has a few answers, please be sure to add some additional insight into why the response you're providing is substantive and not simply echoing what's already been vetted by the original poster. This is especially important in "code-only" answers such as the one you've provided.

Collectives™ on Stack Overflow

How can I remove empty object in from an array in JS

9 Answers 9

5 Comments

Comments

5 Comments

Comments

1 Comment

5 Comments

Comments

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

9 Answers 9

5 Comments

Comments

5 Comments

Comments

1 Comment

5 Comments

Comments

Comments

2 Comments

Linked

Related