原生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>

 

posted @ 2020-01-31 10:11  A毛毛  阅读(281)  评论(0)  编辑  收藏  举报