zoukankan      html  css  js  c++  java
  • map,reduce,filter使用



    <script> var arr = [ { age:11, name:'aa' }, { age:22, name:'bb' }, { age:33, name:'cc' } ] // map 使用 var age = arr.map((item,index)=>{ console.log(item,index) //数组项,下标 return item.age }) console.log(age) //  [11, 22, 33] // es6写法 var ageEs6 = arr.map(item=>item.age) console.log(ageEs6) //  [11, 22, 33] // reduce // 累加计算 var ageR = arr.reduce((n,y)=>{ console.log(n, y, y.age) // n:初始值 y:循环项 return n + y.age },0) //第二个参数定义初始值 console.log(ageR) //0 + 11 + 22 + 33 = 66 获取最终结果 // es6写法 var ageRes6 = arr.reduce((n,y)=> n + y.age, 0) console.log(ageRes6) //66
      
      案例:合并数组对象里的子数组
      
    var arr = [
            {
                title:'11',
                arrChild:[
                    {
                        name:'a',
                        age:12
                    }
                ]
            },
            {
                title:'22',
                arrChild:[
                    {
                        name:'b',
                        age:12
                    }
                ]
            },
            {
                title:'33',
                arrChild:[
                    {
                        name:'c',
                        age:12
                    }
                ]
            },
            
        ]
    
        let newArr = arr.reduce((a,b)=>
            a.concat(b.arrChild)
        ,[])
        console.log(newArr);////[{name: "a", age: 12},{name: "b", age: 12},{name: "b", age: 12}]
    
    
    

    // filter 过滤 var arrName = arr.filter((item)=>{ return item.name == 'cc' }) var arrName2 = arr.filter(item=> item.name == 'cc') console.log(arrName,arrName2) // [ {age:33,name:'cc'} ] var arrAge = arr.filter(item=> item.age > 20) console.log(arrAge) </script>

      

  • 相关阅读:
    cs
    PC管理端与评委云打分配合步骤及疑难问题汇编,即如何使用PC管理端的云服务管理功能
    B.数据结构(栈和队列)
    13.Python(模块)
    A.数据结构(线性表)
    c.Matlab(数据和函数的可视化)
    b.Matlab(字符串)
    12.Python(装饰器)
    11.Python(生成器)
    10.Python(高级特性)
  • 原文地址:https://www.cnblogs.com/zhangjianhua26/p/14963361.html
Copyright © 2011-2022 走看看