filter

  • 它用于把Array的某些元素过滤掉，然后返回剩下的元素。
  • 和map()类似，Array的filter()也接收一个函数

  • 和map()不同的是，filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。

    例子

  • 在一个Array中，删掉偶数，只保留奇数，可以这么写： 

    1. var arr = [1, 2, 4, 5, 6, 9, 10, 15];
    2. var arr2=arr.filter(i=>i%2!=0)
    3. arr2 // [ 1, 5, 9, 15 ]

  • 把一个Array中的空字符串删掉，可以这么写：
    ```javascript var arr = [‘A’, ‘’, ‘B’, null, undefined, ‘C’, ‘ ‘]; var r = arr.filter(function (s) { return s && s.trim(); // 注意：IE9以下的版本没有trim()方法 }); r; // [‘A’, ‘B’, ‘C’]

  1. <a name="R40cm"></a>
  2. #### 数组去重
  4. - 利用filter，可以巧妙地去除Array的重复元素：  
  5. -  去除重复元素依靠的是indexOf总是返回第一个元素的位置，后续的重复元素位置与indexOf返回的位置不相等，因此被filter滤掉了。  
  6. ```javascript
  7. var r,arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry'];
  8. r = arr.filter(function (element, index, self) {
  9. console.log( self.indexOf(element) )//self就是变量arr
  10.     return self.indexOf(element) === index;
  11. });
  12. console.log(r.toString());
  13. //apple,strawberry,banana,pear,orange