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.

• Barmar: It looks like you actually want to filter the properties of the object, not filter the array.
• Carlos Craig: @Barmar if possible yes

Answer 1

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

• Barmar: 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: @Barmar if its not necessary to do the push, how could i do with the doc.data()?
• Carlos Craig: @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: @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: @Barmar it actually ended up working better without the push, so you still assisted in allowing me to think that way

Answer 2

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)

Answer 3

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

Answer 4

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