美文网首页笔记
ES6--数组篇

ES6--数组篇

作者: 筱贰_梁 | 来源:发表于2018-07-12 23:59 被阅读0次

    新增的四个方法

    • map 映射 一对一 [50,56,90,57,99] => ['不及格','不及格',''及格',''不及格',''不及格',''及格',']
    • reduce 汇总 一堆出来一个 [12,80000,8899] => 806011
    • filter 过滤器
    • forEach 循环(迭代)

    map

       let arr=[12,5,8];
       let result=arr.map(function(item){
        return item*2;
       })
       或者 
       let result=map(item=>item*2);
    

    reduce

       //求平均数
        let arr5=[12,69,180,8763];
        let result1=arr5.reduce(function(tmp,item,index){
            if(index!=arr5.length){
                return tmp+item;
            }else{
                return (tmp+item)/arr5.length;
            }
            
        });
        console.log(result1);
    

    filter

       //求平均数
        let arr6=[12,69,7,8];
        let result1=arr5.filter(function(item){
            if(item%3==0){
                return true;
            }else{
                return false;
            }
            
        });
        console.log(result1);
    

    filter

        let arr6=[12,69,7,8];
        let result1=arr6.filter(function(item){
            if(item%3==0){
                return true;
            }else{
                return false;
            }
        });
        或者
        let result1=arr6.filter(item=>item%3==0);
        console.log(result1);
    

    forEach

        let arr7=[12,69,7,8];
        arr7.forEach(item,index)=>{
          console.log(item);
        }
    

    新增的这四个方法真心好用,特别是结合vue,react处理后台数据的时候。

    ps:自己选的路,跪着也要走完。😄

    相关文章

      网友评论

        本文标题:ES6--数组篇

        本文链接:https://www.haomeiwen.com/subject/loydpftx.html