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

filter的用法:

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

正常函数写法:

filter(function(item){
    return 筛选条件
})

回调函数写法:

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

参数:

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

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

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

结果:

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

filter方法的重要应用:

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

还拿上面的代码说明:

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

结果:

 

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陌一一

你的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值