reduce方法数组去重,对象数组根据多个不同字段去重(单个多个通用封装写法,识货的拿走)

例:

let data = [
		    { id: 202201, name: '张三', age: 15, },
			{ id: 202204, name: 'John', age: 18, },
			{ id: 202202, name: '李四', age: 18, },
			{ id: 202201, name: '张三', age: 15, },
			{ id: 202205, name: 'Jack', age: 18, },
			{ id: 202203, name: '王五', age: 10, },
			{ id: 202205, name: 'Jack', age: 18, },
		    { id: 202204, name: 'John', age: 18, },
			{ id: 202205, name: 'Jack', age: 18, },
        ];
        let newdata = this.$reduiceArr(data , ['age','name']);//传入数组格式
    //对象数组去重,这里根据key去重,根据需要传入
    //reduce方法callback支持四个参数(preval,curval,index,arr),preval为默认值,若不传即为数组第一项,curval就是数组第二项,index下标就会从1开始。
    //preval若是传入了初始默认值,curval开始就是数组第一项,index从0开始。
    Vue.prototype.$reduiceArr = function (data, keys) {
      let hash = {}
      let newdata = []
      newdata = data.reduce((preval, curVal, index, arr) => {
        let createValue = ''
        keys.reduce((pre, cur) => {
          createValue += curVal[cur]
        }, [])
        Object.assign(curVal, { createKey: createValue })//添加新属性和新值
        hash[curVal['createKey']] ? '' : hash[curVal['createKey']] = true && preval.push(curVal)//根据新属性的新值去重
        return preval
      }, [])
      return newdata
    }
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值