forEach()、some()、filter()、findIndex()
2019-08-14 19:31
90 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_42309685/article/details/99599596
- forEach()
forEach()方法用于调用数组的每一个元素,并将元素传递给回调函数
<button onclick="arr.forEach(fn)">点我</button> <p id="demo"></p> <script> var demo = document.getElementById('demo'); var arr = [1,2,3,4,5,6]; function fn(item,index){ demo.innerHTML += "index["+index+"]:"+item+"<br>"; } </script>
- some()
some()方法用于检测数组中的元素是否满足指定的条件(由函数提供),返回true或者false
<p id="demo"></p> <script> var demo = document.getElementById('demo'); var arr = [1,2,3,4,5,6]; function fn(item){ return item>=3; } demo.innerHTML += arr.some(fn); </script>
- filter()
filter()方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素(不会改变原始的数组)
<p id="demo"></p> <script> var demo = document.getElementById('demo'); var arr = [1,2,3,4,5,6]; function fn(item){ return item>=3; } demo.innerHTML += arr.filter(fn); </script>
- findIndex()
findIndex()方法是返回传入一个测试条件符合条件的数组第一个元素位置(即索引值)。
<p id="demo"></p> <script> var demo = document.getElementById('demo'); var arr = [1,2,3,4,5,6]; function fn(item){ return item>=3; } demo.innerHTML += arr.findIndex(fn); </script>
所以,以后可以根据这四种的功能灵活使用
相关文章推荐
- JavaScript疯狂的循环(forEach,map,filter,some,every,reduce,reduceRight,find,findIndex,for of)
- ES6:生动形象解释forEach、filter、map、some、every、find、findIndex、reduce间的区别
- Vue中常用的数组方法.filter()、.map()、.forEach()、.find()、.findIndex()、.some()、.every()
- jQuery 数组遍历,数组高级操作find、findIndex、map、reduce、filter、forEach详解
- Js 数组——filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()
- ES6数组新增方法forEach、map、filter、find、every、some、reduce的用法
- ES5中Array新增加的API接口 forEach map filter some every indexOf lastIndexOf reduce reduceRight
- JavaScript 数组——filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()
- js 中filter,foreach ,some,findindex,includes的区别
- JS数组filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()实例
- 数组函数 forEach()、map()、filter()、find()、every()、some()、reduce()等
- Js 数组——filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()
- Js 数组——filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()
- js数组的遍历方法filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()
- Js 数组——filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()
- Js 数组——filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()
- Js 数组方法:filter()、map()、some()、every()、forEach()、indexOf()、lastIndexOf()、
- JS中 map, filter, some, every, forEach, for in, for of 用法总结
- 对一个数组 filter、some、map、foreach的操作分别有什么作用?
- 一张图看懂JavaScript中数组的迭代方法:forEach、map、filter、reduce、every、some