Why does Array.filter(Number) filter zero out in JavaScript?

by

Because 0 is one of the many falsy values in javascript

All these conditions will be sent to else blocks:

if (false)
if (null)
if (undefined)
if (0)
if (NaN)
if ('')
if ("")
if (``)

From the Array.prototype.filter() documentation:

filter() calls a provided callback function once for each element in an array, and constructs a new array of all the values for which callback returns a value that coerces to true

In your case the callback function is the Number. So your code is equivalent to:

[-1, 0, 1, 2, 3, 4, Number(0), '', 'test'].filter(a => Number(a)) 

// Number(0) -> 0
// Number(Number(0)) -> 0
// Number('') -> 0
// Number('test') -> NaN

When filter function picks truthy values (or values that coerces to true), the items which return 0 and NaN are ignored. So, it returns [-1, 1, 2, 3, 4]

More Related Contents:

  1. How do I check that a number is float or integer?
  2. Evaluating a string as a mathematical expression in JavaScript
  3. Why does JavaScript handle the plus and minus operators between strings and numbers differently?
  4. What’s the best way to convert a number to a string in JavaScript?
  5. Transform numbers to words in lakh / crore system
  6. Why does typeof array with objects return “object” and not “array”? [duplicate]
  7. Check whether an input string contains a number in javascript
  8. How to print a number with commas as thousands separators in JavaScript
  9. Validate decimal numbers in JavaScript – IsNumeric()
  10. Does JavaScript support 64-bit integers?
  11. Add st, nd, rd and th (ordinal) suffix to a number
  12. Testing whether a value is odd or even
  13. Format a number as 2.5K if a thousand or more, otherwise 900
  14. What is the difference between typeof and instanceof and when should one be used vs. the other?
  15. Remove insignificant trailing zeros from a number?
  16. Sum all the digits of a number Javascript
  17. How does x|0 floor the number in JavaScript?
  18. Better way to get type of a Javascript variable?
  19. Extremely large numbers in javascript
  20. How can val() return Number?
  21. Why does a shift by 0 truncate the decimal?
  22. Converting hexadecimal to float in JavaScript
  23. Confusion between isNaN and Number.isNaN in javascript
  24. Javascript: How to retrieve the number of decimals of a *string* number?
  25. Remove/ truncate leading zeros by javascript/jquery
  26. What’s the reason to use === instead of == with typeof in Javascript?
  27. Why JavaScript says that a number is not a number? [duplicate]
  28. Regex in JavaScript for validating decimal numbers
  29. Why is it that parseInt(8,3) == NaN and parseInt(16,3) == 1?
  30. Is there any JavaScript standard API to parse to number according to locale?

Leave a Comment