css中的filter滤镜和js中的filter方法

版权声明：本文为博主原创文章，转载时请注明出处。 https://blog.csdn.net/i_dont_know_a/article/details/84314656

filter是滤镜，就是将某些东西过滤出来。

▍css中的filter

运用于对图像进行相关处理（就像P图一样，改变图片的颜色、饱和度等属性），详细解析可参考菜鸟教程。

▍js中的filter

filter()函数是Array对象的一个方法。和map()不同的是，filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素（返回值为true时保留，返回值为false时丢弃）。

示例1：

var arr = ['a', 'b', '', 'c'];
var r = arr.filter(element => element && element.trim());
console.log(r.toString()); // a, b, c

示例2：

var arr = ['A', 'B', 'C'];
var r = arr.filter(function (element, index, self) {
    console.log(element); // 依次打印 'A', 'B', 'C'
    console.log(index); // 依次打印 0, 1, 2
    console.log(self); // self就是变量arr
    return true;
});

具体使用方法可以参考：javascript中filter的用法。