Filtering values

suggest change

The filter() method creates an array filled with all array elements that pass a test provided as a function.

[1, 2, 3, 4, 5].filter(function(value, index, arr) {
  return value > 2;
});
[1, 2, 3, 4, 5].filter(value => value > 2);

Results in a new array:

[3, 4, 5]

Filter falsy values

var filtered = [ 0, undefined, {}, null, '', true, 5].filter(Boolean);

Since Boolean is a native javascript function/constructor that takes [one optional parameter] and the filter method also takes a function and passes it the current array item as parameter, you could read it like the following:

  1. Boolean(0) returns false
  2. Boolean(undefined) returns false
  3. Boolean({}) returns true which means push it to the returned array
  4. Boolean(null) returns false
  5. Boolean('') returns false
  6. Boolean(true) returns true which means push it to the returned array
  7. Boolean(5) returns true which means push it to the returned array

so the overall process will result

[ {}, true, 5 ]

Another simple example

This example utilises the same concept of passing a function that takes one argument

function startsWithLetterA(str) {
    if(str && str[0].toLowerCase() == 'a') {
        return true
    }
    return false;
}

var str              = 'Since Boolean is a native javascript function/constructor that takes [one optional paramater] and the filter method also takes a function and passes it the current array item as a parameter, you could read it like the following';
var strArray         = str.split(" ");
var wordsStartsWithA = strArray.filter(startsWithLetterA);
//["a", "and", "also", "a", "and", "array", "as"]

Feedback about page:

Feedback:
Optional: your email if you want me to get back to you:



Table Of Contents