How to remove the null values from an array containing multiple arrays in javascript?

Question

I have an array that consists of a list of arrays. I want to delete the null elements from my array. The below picture is the array. What I want is if the date is null, then the whole part with the value should be removed from the array.

Original Array = [
   [[value:null, data:Alcohol],[value:null, data:null]],
   [[value:Test, date:Wed],[value:Test2, date:null]],
   [[value:Test3, date:null],[value:Test4, date:Wed]],
   [[value:Test5, date:Wed],[value:Test6, date:null]]
];

Final Array = [
  [[value:null, data:Alcohol]],
  [[value:Test, date:Wed]],
  [[value:Test3, date:null]],
  [[value:Test5, date:Wed]]
];

The original Array

After removing the null values, I need it to be like the below image.

The array show be after

Could you parse the actual json here so everyone can use it to help you better? Anyway, an Array.map() function would do it. — Ryan Le
– Ryan Le, Commented Aug 10, 2021 at 6:54
Can you post the example array in code instead of a screenshot? — Wimanicesir
– Wimanicesir, Commented Aug 10, 2021 at 6:57

Drew Reese · Accepted Answer · 2021-08-10 07:08:17Z

3

You could map the outer array to a new array, and use a filter on the nested/inner arrays to filter out elements with a null date property.

const newData = data.map(el => el.filter(({ date }) => date !== null));

const data = [
   [{value:null, data:'Alcohol'},{value:null, data:null}],
   [{value:'Test', date:'Wed'},{value:'Test2', date:null}],
   [{value:'Test3', date:null},{value:'Test4', date:'Wed'}],
   [{value:'Test5', date:'Wed'},{value:'Test6', date:null}]
]

const newData = data.map(el => el.filter(({ date }) => date !== null));

console.log(newData);

edited Aug 10, 2021 at 7:08

answered Aug 10, 2021 at 6:58

Drew Reese

207k19 gold badges280 silver badges292 bronze badges

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

1 Comment

Drew Reese Over a year ago

@ParulRanjan Is it not already? 😉 Are there specific objects you are referring to?

Giovanni Esposito · Accepted Answer · 2021-08-10 06:58:14Z

2

Something like a filter into a map:

yourArray.map(x => x.filter(y => y.date !== null))

answered Aug 10, 2021 at 6:58

Giovanni Esposito

11.3k1 gold badge19 silver badges33 bronze badges

Comments

Sheraff · Accepted Answer · 2021-08-10 06:56:54Z

0

const array = [1, 2, null, 4, null, 6]
const filtered = array.filter(item => item !== null)
console.log(filtered)

answered Aug 10, 2021 at 6:56

Sheraff

6,9723 gold badges36 silver badges59 bronze badges

3 Comments

Wimanicesir Over a year ago

You don't actually need to check if item !== null. You can just return item :)

Sheraff Over a year ago

@Wimanicesir unless you don't want to filter out falsy items that aren't null

Wimanicesir Over a year ago

Yeah but there are more situations where you do want to also filter them out than the other way around :)

Collectives™ on Stack Overflow

How to remove the null values from an array containing multiple arrays in javascript?

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related