JavaScript中filter如何使用
程序员文章站
2022-03-15 13:19:24
...
filter是一种在特定条件下缩小数组内容的方法,它用于在回调函数指定的条件下判断单个元素,并仅检索与条件匹配的元素,所以,本篇文章我们就来具体看看JavaScript中filter过滤器的使用方法。
我们先来看一下filter的基本语法
使用filter时,请指定数组的filter方法。
array.filter(callback [,that]);
对于array,需要指定预先创建的数组对象。
对于回调,可以指定数组元素的值“value”,数组元素的数字索引“index”以及存储数组元素的数组对象“arrayObj”。
对于每个数组元素,callbak返回true的元素将生成为新数组,callcak未返回true的元素将被跳过,并且不包含在新数组中。
我们下面来看具体的示例
以下是通过实际使用filter方法从数组中提取特定条件的示例
从数组中提取奇数
代码如下
var data = [1, 4, 7, 12, 21]; var result = data.filter(function(value) { return value % 2 === 1; }); console.log(result);
运行结果如下
从数组中删除小于5的数字
代码如下
var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]; function isMinNum(value) { return (value >= 5); } var filterNum = numbers.filter(isMinNum); console.log(filterNum);
运行结果如下
从字符串中提取与条件匹配的字符串
代码如下
var items = ["item1", "item2", "item3"]; var filterItems = items.filter(function(value) { return value === "item2"; }); console.log(filterItems);
运行结果如下
本篇文章到这里就全部结束了,更多精彩内容大家可以关注的相关教程栏目!!!
以上就是JavaScript中filter如何使用的详细内容,更多请关注其它相关文章!
上一篇: search方法怎么使用
下一篇: php实现万年历的完整代码
推荐阅读
-
javascript中apply、call和bind的使用区别
-
sql server关于函数中如何使用Getdate()
-
VB中如何使用select case语句
-
如何使用 Azure PowerShell 在 Azure Marketplace 中查找 Windows VM 映像
-
python中如何使用requests模块下载文件并获取进度提示?
-
如何将网络中的新字体添加到Word中并使用以2003版为例
-
如何使用SecureCRT连接虚拟机中的Linux?
-
PowerPoint2007如何修改最近使用文档列表中的显示条数
-
JavaScript中Function()函数的使用教程
-
在使用angular4中出现JavaScript内存溢出问题(详细教程)