vue对象数组去重合并

需求分析 对象数组合并 去重

有两个对象数组如:
`
var array1=[
{
no: 4,
station_name: “兴发路4”,
city: “深圳4”,
area: “观澜4”,
person: “张三4”
},
{
no: 1,
station_name: “兴发路1”,
city: “深圳1”,
area: “观澜1”,
person: “张三1”
}
]
var tableData= [
{
no: 1,
station_name: “兴发路1”,
city: “深圳1”,
area: “观澜1”,
person: “张三1”
},
{
no: 2,
station_name: “兴发路2”,
city: “深圳2”,
area: “观澜2”,
person: “张三2”
},
{
no: 3,
station_name: “兴发路3”,
city: “深圳3”,
area: “观澜3”,
person: “张三3”
}
]

`
合并这两个数组后需要将no相同的去掉,首先合并两个数组
var arry=([...tableData,...array1])

封装一个去重复的函数

 unique(arr) { // 根据唯一标识no来对数组进行过滤
  const res = new Map();  //定义常量 res,值为一个Map对象实例
  //返回arr数组过滤后的结果,结果为一个数组   过滤条件是,如果res中没有某个键,就设置这个键的值为1
  return arr.filter((arr) => !res.has(arr.no) && res.set(arr.no, 1)) 
    },

//调用

arry= this.unique(arr);
  • 7
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值