原生JS数组操作的6个函数 arr.forEach arr.map arr.filter arr.some arr.every arr.findIndex
Posted mishell
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了原生JS数组操作的6个函数 arr.forEach arr.map arr.filter arr.some arr.every arr.findIndex相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var arr = [1,2,4,5,3] var arrObj = [{‘id‘:1,‘name‘:‘xiaoxiao‘},{‘id‘:2,‘name‘:‘maomao‘}] // arr.forEach()遍历数组 无返回值 arr.forEach(function(item,index,arr){ // console.log("index="+index,"item="+item) console.log(`当前遍历的元素索引是${index},值是${item}`) }) // arr.map()遍历并对每一个元素进行处理返回一个新数组 做批量处理用的 var mapResult = arr.map(function(item){ return item*10 }) console.log(mapResult) // arr.filter()过滤 遍历并检查每个元素 符合条件留下 不符合就过滤 返回新数组 var filterResult = arr.filter(function(item){ return item>2 }) console.log(filterResult) filterResult = arrObj.filter(function(item){ console.log(item.id) return item.id==2 }) console.log(filterResult) // arr.some()遍历每个元素 试图找到一个符合条件的元素 var mapResult = arrObj.some(function(item){ return item.id == 2 }) console.log(mapResult) // arr.every()遍历每个元素 试图验证所有的元素都符合条件 var everyResult = arr.every(function(item){ return item>0 }) console.log(everyResult) // arr.findIndex()遍历所有元素 寻找第一个符合条件的元素 返回索引 停止遍历 找不到就返回-1 var index = arrObj.findIndex(function(item){ return item.id==2 }) console.log(index) </script> </html>
以上是关于原生JS数组操作的6个函数 arr.forEach arr.map arr.filter arr.some arr.every arr.findIndex的主要内容，如果未能解决你的问题，请参考以下文章