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的用法。