How to delete empty objects from an Array in javascript?

Question

I am getting array like below.

[{},
 {},
 {},
{ label: '2015', showLabels: '1,' },
 {},
 {},
 {},
{ label: ‘2017’, showLabels: '1,' }]

but, I would like to delete empty indexes.

I have tried following to delete. But, Not working as expected.

const filteredFinalYearArr = yearArray.filter(function (el) {
 return el != null;
});

Note: This is dynamic data

Any suggestions?

• Adnan Sharif: How do I test for an empty JavaScript object? - In this thread you will get full brief about how to check empty object.

Answer 1

You could filter all the objects which have non-zero number of keys:

let yearArray = [{},{},{},{label:'2015',showLabels:'1,'},{},{},{},{label:'2017',showLabels:'1,'}]
let filtered = yearArray.filter(el => Object.keys(el).length)
console.log(filtered)

Answer 2

See this article about best ways to check if an Object is empty.

const years = [
 {},
 {},
 {},
 { label: '2015', showLabels: '1,' },
 {},
 {},
 {},
 { label: '2017', showLabels: '1,' }
]
const hasValues = obj => {
 for(var key in obj) {
 if(obj.hasOwnProperty(key)) return true
 }
 return false
}
const filteredYears = years.filter(y => hasValues(y))
console.log(filteredYears)

• adiga: "Object.keys(obj).length is not supported on Firefox < 4 and IE < 9" Neither are arrow functions. OP is using react native. So, they will have traspilers or polyfills to support old browsers :)
• Francis Leigh: @adiga oh yeah. thanks for pointing out. serves me right eh? :-D

Answer 3

Another way is to use reduce to build the array.

const yearArray = [{},{},{},{label:'2015',showLabels:'1,'},{},{},{},{label:'2017',showLabels:'1,'}]
const filteredFinalYearArr = yearArray.reduce((o, i) => {Object.keys(i).length > 0 && o.push(i); return o}, [])
console.log(filteredFinalYearArr)