Remove empty array from array of objects

Question

I have an array of object arrays, and one of the dates is empty, I would like to remove that empty date.

const arr = [
  {
    "2022-03-10": [
      { "Age": "31", "Last": "Craig", "Name": "Carlos", "Time": "11:00am - 12:00pm", "Type": "Consulta General", "read": false }
    ],
    "2022-03-26": [
      { "Age": "31", "Last": "Craig", "Name": "Carlos", "Time": "11:00am - 12:00pm", "Type": "Follow Up", "read": false }
    ],
    "2022-03-27": [],
    "2022-03-31": [
      { "Age": "31", "Last": "Craig", "Name": "Carlos", "Time": "11:00am - 12:00pm", "Type": "Valoraciones Funcionales", "read": false }
    ]
  }
];

What I've tried

list.push(doc.data());
var filtered = list.filter(function (el) {
  return el != " ";
});

I would like to keep the same array, just without the "2022-03-27" item.

Also, if it is also possible to filter directly from the doc.data() without having to do the list.push, that would be much better.

It looks like you actually want to filter the properties of the object, not filter the array. — Barmar
– Barmar, Commented Mar 29, 2022 at 20:48

Majed Badawi · Accepted Answer · 2022-03-29 20:51:24Z

4

Using Array#map, iterate over the array
Using Object#entries, get the list of entries for the current object
Using Array#filter, filter the entries whose value is an empty array
Using Object#fromEntries, return the current object containing the filtered entries

const arr = [
  {
    "2022-03-10": [
      { "Age": "31", "Last": "Craig", "Name": "Carlos", "Time": "11:00am - 12:00pm", "Type": "Consulta General", "read": false }
    ],
    "2022-03-26": [
      { "Age": "31", "Last": "Craig", "Name": "Carlos", "Time": "11:00am - 12:00pm", "Type": "Follow Up", "read": false }
    ],
    "2022-03-27": [],
    "2022-03-31": [
      { "Age": "31", "Last": "Craig", "Name": "Carlos", "Time": "11:00am - 12:00pm", "Type": "Valoraciones Funcionales", "read": false }
    ]
  }
];

const filtered = arr.map(obj => 
  Object.fromEntries(
    Object.entries(obj).filter(([key, value]) => value.length > 0)
  )
);

console.log(filtered);

answered Mar 29, 2022 at 20:51

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

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

6 Comments

Barmar Over a year ago

I was preparing a similar answer, but in mine I filtered doc.data() before doing list.push(), so we don't need to map over the entire array every time we add an object to it.

Carlos Craig Over a year ago

@Barmar if its not necessary to do the push, how could i do with the doc.data()?

Carlos Craig Over a year ago

@Majed I ended up using this solution and modifying the code to use with the doc.data(). Thanks for saving me so much time

Barmar Over a year ago

@CarlosCraig I never said not to do the push, I said to remove the property from the object before pushing it, instead of looping over the array and removing the property then.

Carlos Craig Over a year ago

@Barmar it actually ended up working better without the push, so you still assisted in allowing me to think that way

|

Wasiu · Accepted Answer · 2022-03-29 21:25:53Z

It looks like you need to review data structure. I restructured your code to conventional format I hope that what you mean to do. if not leave me a comment and I will recode it for you

const result = [
     { 
      "2022-03-10": [],
        "Age": "31",
        "Last": "Craig",
        "Name": "Carlos",
        "Time": "11:00am - 12:00pm",
        "Type": "Consulta General",
        "read": false,
      },
        {
        "2022-03-26": [],
        "Age": "31",
        "Last": "Craig",
        "Name": "Carlos",
        "Time": "11:00am - 12:00pm",
        "Type": "Follow Up",
        "read": false,
      },

      { "2022-03-27": [] },
      
      {
        "2022-03-31": [],
        "Age": "31",
        "Last": "Craig",
        "Name": "Carlos",
        "Time": "11:00am - 12:00pm",
        "Type": "Valoraciones Funcionales",
        "read": false,
      },
    ];
  
    const removeEmpty = result.filter(oneObj => Object.values(oneObj).length > 1);
  
    console.log(removeEmpty)

PeterKA · Accepted Answer · 2022-03-30 00:41:54Z

You can use delete to remove the parts of the object that have an empty array. This changes the original array.

const arr = [{
    "2022-03-10": [
      { "Age": "31", "Last": "Craig", "Name": "Carlos", "Time": "11:00am - 12:00pm", "Type": "Consulta General", "read": false }
    ],
    "2022-03-26": [
      { "Age": "31", "Last": "Craig", "Name": "Carlos", "Time": "11:00am - 12:00pm", "Type": "Follow Up", "read": false }
    ],
    "2022-03-27": [],
    "2022-03-31": [
      { "Age": "31", "Last": "Craig", "Name": "Carlos", "Time": "11:00am - 12:00pm", "Type": "Valoraciones Funcionales", "read": false }
    ]
}];

arr.forEach(e =>
    Object.entries(e).forEach(([key,value]) => value.length || delete e[key])
);

console.log( arr );

Yasser S. · Accepted Answer · 2022-03-29 21:13:29Z

0

the main array contains one object you can try the following solution

 var filtered = Object.keys(list[0]).filter(function (el) {
                  return  list[0][el].length >0
                });

answered Mar 29, 2022 at 21:13

Yasser S.

362 bronze badges

Collectives™ on Stack Overflow

Remove empty array from array of objects

4 Answers 4

6 Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

6 Comments

Comments

Comments

Comments

Related