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?

Answer 1

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

Answer 2

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;
});

Answer 3

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.

Answer 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);

Answer 5

Simpler to understand:

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

Answer 6

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);

Answer 7

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

Answer 8

 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);

Answer 9

if your data structures like this: [ {} , {} ]; then you can simply use this smooth code.

array.filter(x=> !jQuery.isEmptyObject(x))