ES6 map方法与filter方法

map 方法:可以简单的理解为映射

var num = [1,2,3,4];
var dataAdd = num.map(n => n+n);
var datadeep = num.map(n => n-1);
console.log(dataAdd);//[2, 4, 6, 8]
console.log(datadeep);//[0,1,2,3]
filter方法: 过滤筛选的作用,数组filter后,返回的结果为新的数组

        var chinaWords = [{
            name:"君住长江头",
            msg:"诗词",
            age:15
        },{
            name:"我住长江尾",
            msg:"歌赋",
            age:15
        },{
            name:"日日思君不见君,同饮一江水",
            msg:"古风",
            age:14
        }]
        
        var dataname = chinaWords.map(one => one.name)
        console.log(dataname.join(','));//君住长江头,我住长江尾,日日思君不见君,同饮一江水
        
        var oneages = chinaWords.map(one => one.age)
        console.log(oneages.join(','));//15,15,14
        var ageJudge = oneages.filter(age => age > 14 )
        console.log(ageJudge.join(','));//15,15    
filter() 去掉空字符串、undefined、null

let arr = ['','1','2',undefined,'3.jpg',undefined]
let newArr = arr.filter(item => item)
console.log(newArr)
filter()数组去重

            let colors = [{
                    id: 0,
                    colorName: 'red'
                },
                {
                    id: 1,
                    colorName: "orange"
                },
                {
                    id: 2,
                    colorName: "yellow"
                },
                {
                    id: 3,
                    colorName: "green"
                },
                {
                    id: 1,
                    colorName: "blue"
                },
                {
                    id: 2,
                    colorName: "purple"
                },
            ];
 
            let obj = {};
            colors = colors.reduce((cur, next) => {
                obj[next.id] ? "" : obj[next.id] = true && cur.push(next);
                return cur;
            }, []) //设置cur默认类型为数组,并且初始值为空的数组
            console.log(colors);//
 
 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值