资讯专栏INFORMATION COLUMN

js filter 用法

forrest23 / 2689人阅读

filter方法

该filter()方法创建一个新的匹配过滤条件的数组。

filter中具体参数

通过例子说明是最简明的

items = [{"name":"test1", "value":222}, {"name":"tttt", "value":"333"}]

items.filter(function(){console.log(arguments)})

filter默认回调函数中有参数 item, index, items

自定义重新过滤
const filterByName = a => b => {
  return b.name.indexOf(a) > -1
}

items = items.filter(filterByName("te"))

该方法是过滤键为name的值是否含有字符串"te"的item, 改te可变

如果对es6不熟悉, 过滤函数其实就是

  function (a) {
    return function (b, index, items) {
      return b.name.indexOf(a) > -1
    }
  }

其中最后一个函数就是filter的默认回调函数, 你可以打印它的另外两个参数

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/79501.html

相关文章

  • js数组方法forEach、map、filter、reduce、every、some总结

    摘要:不会改变原数组,它返回过滤后的新数组。打印到控制台成功的收集到里面错误的收集到里面。语法参数回调当前的当前的索引值这个数组对象回调的指向用法场景这个一般就用在,判断数组的每个元素是否符合条件。 首先是函数概述:map():返回一个新的Array,每个元素为调用func的结果 filter():返回一个符合func条件的元素数组 some():返回一个boolean,判断是否有元素是否符...

    CocoaChina 评论0 收藏0
  • Vue.nextTick,Vue.set,Vue.delete,Vue.filter学习

    摘要:用法在下次更新循环结束之后执行延迟回调。只要观察到数据变化,将开启一个队列,并缓冲在同一事件循环中发生的所有的数据改变。如果对象是响应式的,确保删除能触发更新视图。 Vue.nextTick([callback,context]) 参数:{Function}[callback]。{Object}[context]。用法:在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这...

    junnplus 评论0 收藏0
  • AngularJs功能(五)--过滤器

    摘要:过滤器过滤器正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果。表单的控制功能主要涉及到数据验证以及表单控件的增强。格式化数字过滤器可以为一个数字加上千位分割,像这样,。 过滤器 Filter 过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果。主要用在数据的格式化上。 过滤器通常是伴随标记来使用的,将你model中...

    leon 评论0 收藏0
  • jS:关于对象遍历和数组遍历的那些事

    摘要:如图遍历数组遍历数组元素并以某种方式处理每个元素是一个常见的操作。如图不过,里的功能比较强大,可以遍历而且返回值是的则被省略掉总结遍历对象,遍历出来的是键名,而不是键值,参数必须是对象。 可能是由于职业的关系,下班之后完全不想Open PC,但很多知识点有必要自己做个小小总结。本人之前对原生Array和Object完全没概念。 遍历对象的方法: Object.keys(Object)...

    qingshanli1988 评论0 收藏0
  • Vue学习笔记(一)

    摘要:一介绍也称为,读音类似,错误读音,由华人尤雨溪开源并维护。隐藏四事件之前说了一些关于事件的指令,这里详细学习一下事件的相关知识。还有一些其他键盘事件,具体参考官方文档。模板就是,用来进行数据绑定,显示在页面中,也称为语法。 一、Vue.js介绍 Vue.js也称为Vue,读音类似view,错误读音v-u-e,由华人尤雨溪开源并维护。 Vue有以下特点: 是一个构建用户界面的框架 是一...

    baoxl 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<