js中filter过滤用法总结

Posted 2023-05-04

参考技术A

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意： filter() 不会对空数组进行检测。

注意： filter() 不会改变原始数组。

| 参数 | 描述 |
| function(currentValue, index,arr) | 必须。函数，数组中的每个元素都会执行这个函数
函数参数:

| 参数 | 描述 |
| currentValue | 必须。当前元素的值 |
| index | 可选。当期元素的索引值 |
| arr | 可选。当期元素属于的数组对象 |

|
| thisValue | 可选。对象作为该执行回调时使用，传递给函数，用作 "this" 的值。
如果省略了 thisValue ，"this" 的值为 "undefined" |

首先回顾一下filter的作用：过滤数组中符合条件的元素

另外也可以用来过滤对象数组中符合条件的对象，eg：

|

目前比较常用的方法是使用ES6的set完成，eg：

结合map使用可以先过滤出符合条件的对象然后去除某些不需要的字段,比如:

简单讲filter就是一个数组过滤器，参数接收一个函数，数组的每一项经过函数过滤，返回一个符合过滤条件的新数组

函数接收三个参数：

springboot中filter的用法

一、在spring的应用中我们存在两种过滤的用法，一种是拦截器、另外一种当然是过滤器。我们这里介绍过滤器在springboot的用法，在springmvc中的用法基本上一样，只是配置上面有点区别。

二、filter功能，它使用户可以改变一个 request和修改一个response. Filter 不是一个servlet,它不能产生一个response,它能够在一个request到达servlet之前预处理request,也可以在离开 servlet时处理response.换种说法,filter其实是一个”servlet chaining”(servlet 链).

一个Filter包括：
1）、在servlet被调用之前截获;
2）、在servlet被调用之前检查servlet request;
3）、根据需要修改request头和request数据;
4）、根据需要修改response头和response数据;
5）、在servlet被调用之后截获.

三、应用

@Component
@ServletComponentScan
@WebFilter(urlPatterns = "/login/*",filterName = "loginFilter")
public class LoginFilter implements Filter{

    @Override
    public void init(FilterConfig filterConfig) throws ServletException {

    }

    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {

    }

    @Override
    public void destroy() {

    }
}

四、解释：

1、@Component 这个注解的目的是将LoginFilter交给容器来处理。也就是让LoginFilter起作用

2、@ServletComponentScan 这个使用来扫描@WebFilter 的让@WebFilter起作用。当然对于servlet线管注解也是可以的。这个@ServletComponentScan最好卸载Apllication这个上面，通用配置。我这里因为只有一个Filter所以没有写在Application上面。

3、@WebFilter 这个用处显而易见，针对于什么链接做过滤，filter的名称是为什么。

五、简单介绍一下springmvc中的Filter的用法

1、写的方法还是一样的都是继承Filter，来实现3个方法处理

2、丢入容器：这个需要配置在web.xml里面

    <filter>
        <filter-name>loginFilter</filter-name>
        <filter-class>com.troy.boot.filter.LoginFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>loginFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

3、具体的用法可以自己研究。