当前位置:   article > 正文

filter()过滤器的用法(清晰明了)_filter方法

filter方法

filter的用法:

  • filter(回调函数):filter方法具有筛选功能,筛选数组比较多,筛选数组里符合条件的项。

正常函数写法:

  1. filter(function(item){
  2. return 筛选条件
  3. })

回调函数写法:

  • 这种写法可以省略function、()、{}、return ;
  • 当然需要满足一定的条件:{}里只有一句代码、()只有一个参数;
filter(item => 筛选条件)

参数:

  • filter参数是一个回调函数
  • 回调函数的参数是item,这个item指的是每一项元素:
  • 返回结果是数组 

举例说明:筛选数组:筛选出datalist中包含“a”的项:

  1. <script>
  2. var datalist=["aaa", "abb", "bcc", "add", "bcd"]
  3. var filterList = datalist.filter((item) => item.includes("a"))
  4. console.log(filterList)
  5. </script>

结果:

说明:item指的是数组datalist中的每一项,includes是字符串的一个方法 

filter方法的重要应用:

  • filter方法,对原数组进行筛选不改变原数组的值 (这个作用在很多应用场景下都会用到)

还拿上面的代码说明:

  1. <script>
  2. var datalist=["aaa", "abb", "bcc", "add", "bcd"]
  3. var filterList = datalist.filter((item) => item.includes("a"))
  4. console.log(filterList)
  5. console.log(datalist)
  6. </script>

结果:

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/208214
推荐阅读
相关标签
  

闽ICP备14008679号