How to delete empty objects from an Array in javascript? - Stack Overflow

admin管理员组

文章数量:1295901

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?

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?

• javascript
• arrays

Share Improve this question Follow edited Apr 19, 2019 at 17:03 adiga 35.3k99 gold badges6565 silver badges8787 bronze badges asked Mar 26, 2019 at 15:04 Anilkumar iOS DeveloperAnilkumar iOS Developer 3,7551010 gold badges6161 silver badges119119 bronze badges 1

• How do I test for an empty JavaScript object? - In this thread you will get full brief about how to check empty object. – Adnan Sharif Commented Mar 26, 2019 at 15:22

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 11

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)

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)

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)

本文标签： How to delete empty objects from an Array in javascriptStack Overflow