js中filter过滤用法总结

JavaScript018

js中filter过滤用法总结,第1张

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

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

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

| 参数 | 描述 |

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

函数参数:

| 参数 | 描述 |

| currentValue | 必须。当前元素的值 |

| index | 可选。当期元素的索引值 |

| arr | 可选。当期元素属于的数组对象 |

|

| thisValue | 可选。对象作为该执行回调时使用,传递给函数,用作 "this" 的值。

如果省略了 thisValue ,"this" 的值为 "undefined" |

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

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

|

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

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

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

函数接收三个参数:

test

如:<input type="text" id="txtceshi" /><input type="button" onclick="yanzheng()" value="ceshi" />

<script type="text/javascript">

function yanzheng() {

var ce = txtceshi.value//获取文本框的值

var ze = /[^0-9]+///只能是数字,这里可以在网上找到一些正则替换成你想要的表达式

if (ze.test(ce)) {

alert("数据不合法!")

}

}

</script>

NotScripts https://addons.opera.com/en/addons/extensions/details/notscripts/1.1.0/?display=enNoAds Advanced https://addons.opera.com/en/addons/extensions/details/noads-advanced/1.3.4/?display=en 本地有汉化版External Scripts https://addons.opera.com/en/addons/extensions/details/external-scripts/1.1/?display=en 自带urlfilter.ini 都能过滤js元素,过滤特定网页的页面js也可用userjs 查看更多答案>>