Removing all falsy values from a javascript array, including NaN but excluding 0 and empty strings

Question

I have the following array:

const values = ['', 0, 'one', NaN, 1, 'two', 2, null, 'three', undefined, 3, false];

I would like to filter() out all the falsy values except for '' and 0.

I understand there is useful shorthand:

return values.filter(Boolean)

but this removes all the falsy values including '' and 0.

I have tried the following, instead:

return values.filter(value => [NaN, null, undefined, false].indexOf(value) < 0);

and it's almost right... but it does not remove NaN.

const values = ['', 0, 'one', NaN, 1, 'two', 2, null, 'three', undefined, 3, false];

const filteredValues = values.filter(value => [NaN, null, undefined, false].indexOf(value) < 0);

console.log(filteredValues);

Is there any way to achieve the same result as this last example, but also remove NaN?

Just add an if ( ... ) for when value is falsy to test for "" and 0 — Andreas
– Andreas, Commented Sep 30, 2020 at 13:29

str · Accepted Answer · 2020-09-30 13:30:03Z

6

NaN is not equal to itself (i.e. NaN === NaN evaluates to false), thus using it with indexOf fails. Another approach that also conveys your goal ("filter() out all the falsy values except for '' and 0") better is the following:

const values = ['', 0, 'one', NaN, 1, 'two', 2, null, 'three', undefined, 3, false];
const filteredValues = values.filter(value => value || value === '' || value === 0);
console.log(filteredValues);

answered Sep 30, 2020 at 13:30

str

45.5k18 gold badges117 silver badges134 bronze badges

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

Comments

Mitya · Accepted Answer · 2020-09-30 13:29:48Z

6

Try:

values.filter(value => value || value === '' || value === 0);

answered Sep 30, 2020 at 13:29

Mitya

34.8k15 gold badges70 silver badges126 bronze badges

Comments

Sash Sinha · Accepted Answer · 2020-09-30 13:52:02Z

2

You can also consider using a Set since you can check if a set contains NaN and the time complexity for has is O(1), rather than O(n), where n is the number of items you need to check:

const values = ['', 0, 'one', NaN, 1, 'two', 2, null, 'three', undefined, 3, false];
const notAllowed = new Set([NaN, null, undefined, false]);
const result = values.filter(val => !notAllowed.has(val));
console.log(result);

edited Sep 30, 2020 at 13:52

answered Sep 30, 2020 at 13:40

Sash Sinha

22.8k4 gold badges27 silver badges48 bronze badges

Comments

Mahadev Mirasdar · Accepted Answer · 2024-10-22 15:39:41Z

1

const values =["",0,"one",NaN,1,"two",2,null,"three",undefined,3,false]
let filterValue = values.filter((e) => {
  if (e === "" || e === 0) {
    return Boolean(!e)
  }
  return Boolean(e)
});

console.log(filterValue)

answered Oct 22, 2024 at 15:39

Mahadev Mirasdar

4745 silver badges7 bronze badges

Collectives™ on Stack Overflow

Removing all falsy values from a javascript array, including NaN but excluding 0 and empty strings

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related