码迷,mamicode.com
首页 > 编程语言 > 详细

原生JS数组操作的6个函数 arr.forEach arr.map arr.filter arr.some arr.every arr.findIndex

时间:2020-01-31 12:22:07      阅读:73      评论:0      收藏:0      [点我收藏+]

标签:filter   第一个   nbsp   批量   一个   item   return   char   停止   

<!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

标签:filter   第一个   nbsp   批量   一个   item   return   char   停止   

原文地址:https://www.cnblogs.com/Mishell/p/12244705.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!