javascript中filter的用法是什么
程序员文章站
2022-03-15 12:37:18
...
javascript中filter的作用是创建一个新的数组，且新数组中的元素是通过检查指定数组中符合条件的所有元素，其使用语法是“array.filter(function(currentValue,index,arr)...)”。
本文操作环境：Windows7系统、javascript1.8.5版、DELL G3电脑
javascript中filter的用法是什么？
filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
注意： filter() 不会对空数组进行检测。
注意： filter() 不会改变原始数组。
语法
array.filter(function(currentValue,index,arr), thisValue)
参数说明
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>点击按钮返回数组 ages 中所有元素都大于输入框指定数值的元素。</p>
<p>最小年龄: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">点我</button>
<p>所有大于指定数组的元素有？ <span id="demo"></span></p>
<script>
var ages = [32, 33, 12, 40];
function checkAdult(age) {
return age >= document.getElementById("ageToCheck").value;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}
</script>
</body>
</html>
效果如下：
推荐学习：《javascript基础教程》
以上就是javascript中filter的用法是什么的详细内容，更多请关注其它相关文章！
下一篇： nodejs是js么
推荐阅读
-
Google排名中的10个最著名的 JavaScript库_javascript技巧
-
IE浏览器中图片onload事件无效的解决方法_javascript技巧
-
巧用php中的array_filter()函数去掉多维空值的代码分享_php技巧
-
PHP中的&传值引用的问题，在foreach循环的结果能帮解释下输出的结果原理是什么？ - 红藕香残
-
javascript - php 微信开发中图片长传的问题？
-
hiberfil.sys是什么文件 PHP中文件读、写、删的操作PHP中对文件和目录操作
-
shell中set指令的用法详解
-
php中类继承与接口继承的区别是什么
-
有关JavaScript中浅拷贝、深拷贝的简单研究
-
javaScript中var、let、const的区别