美文网首页
JS过滤器(filter)的用法

JS过滤器(filter)的用法

作者: w晚风 | 来源:发表于2020-09-22 10:11 被阅读0次

有时候我们想筛选出一个对象列表中符合某个属性特征的列表,这个时候我们就可以使用js中的filter功能了。

用法

xxx.filter(function(currentValue,index,arr), thisValue)

function可接收参数

function(currentValue, index,arr)
①currentValue:必须。当前元素的值
②index:可选。当前元素的索引值
③arr:可选。当前元素属于的数组对象

例1:返回对象中字段值大于2的字段

var data = {a:1,b:2,c:3,d:4};
var data2 = Object.keys(data).filter(function(value){
    console.log(value)
    return data[value] > 2
})
console.log(data2)

例2:返回数组中所有的偶数

var arr = [1,2,3,4,5,6,7,8,9,10];
var arr2 = arr.filter((value,index,a)=>{return value % 2 == 0;})
console.log(arr2)

执行结果

image.png

借鉴自:https://www.cnblogs.com/yddzyy/p/13272110.html

相关文章

  • [vue]--filters 过滤器

    vue 过滤器组件:用法 官方说明:filter地址

  • JS过滤器(filter)的用法

    有时候我们想筛选出一个对象列表中符合某个属性特征的列表,这个时候我们就可以使用js中的filter功能了。 用法 ...

  • vue—filter 过滤器

    filter是个神奇的东西,css中有filter属性,js里也有filter属性,vue也用filter做过滤器...

  • css中filter属性

    filter是个神奇的东西,css中有filter属性,js里也有filter属性,vue也用filter做过滤器...

  • js中filter属性

    filter是个神奇的东西,css中有filter属性,js里也有filter属性,vue也用filter做过滤器...

  • AngularJS

    过滤器 自定义过滤器: filter的定义和js中的使用. 在html中使用, filter可以连续使用多个. {...

  • angular中的过滤器

    过滤器(filter) 格式化数据 过滤数据(filter) limitTo orderBy 及 json 在js...

  • Vue全局注册过滤器-filter

    在main.js中添加如下代码之后,就将filter中的过滤器全部成功注册成了全局过滤器filter,可以在各个模...

  • vue项目全局过滤器与组件内部过滤器 filter

    全局过滤器 1.mian.js同级目录下新建文件夹filter,文件夹下新建filter.js: let tra...

  • Spring系列之Filter and Interceptor

    一、Filter 过滤器 1. 什么是Filter 过滤器? Filter 的含义Filter 过滤器是一个对象 ...

网友评论

      本文标题:JS过滤器(filter)的用法

      本文链接:https://www.haomeiwen.com/subject/meniyktx.html