过滤对象数组中key值相同的数据(数组合并去重)

ゞ浴缸里的玫瑰 2023-07-11 15:21 17阅读 0赞

如果有遇到一个数组中存储多个对象，有部分对象的某一个键值是相同的，需要过滤掉重复项的实现方案

const arr =[
      {
        
        "count": 1095,
        "month": "三月",
      },
      {
        
        "count": 1106,
        "month": "三月",
      },
      {
        
        "count": 987,
        "month": "四月",
      },
      {
        
        "count": 1166,
        "month": "四月",
      },
      {
        
        "count": 753,
        "month": "五月",
      },
      {
        
        "count": 891,
        "month": "五月",
      }
    ];
    const res = new Map();
    const new2 = arr.filter(item => !res.has(item.month) && res.set(item.month, 1));
    console.log(arr.length, new2);

数组合并去重

const a = [{
         id: 1, name: 2 }];
    const b = [{
         id: 1, name: 3 }];
    const c = [...a, ...b];
    var arr1 = [
      {
         id: 1, name: 'car2' },
      {
         id: 2, name: 'car3' },
    ];
    var arr2 = [
      {
         id: 1, name: 'acar22' },
      {
         id: 2, name: 'acar32' },
      {
         id: 3, name: 'acar3' },
    ];
    const combined = (arr1, arr2, type) =>
      arr2.reduce((acc, cur) => {
        
        const target = acc.find(e => e[type] === cur[type]);
        // console.log(target);
        if (target) {
        
          Object.assign(target, cur);
        } else {
        
          acc.push(cur);
        }
        return acc;
      }, arr1);
    console.log(c, '引用类型,所以去重失败');
    console.log(combined(arr1, arr2, 'id'), '成功合并并去重');

发表评论取消回复

表情：

评论列表（有 0 条评论，17人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS数组对象合并之后去重

求：这是预提交所有挑拨设备页面，点击选择设备打开条件筛选设备。 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_sha...

我会带着你远行/ 2024年04月19日 10:55/ 0 赞/ 91 阅读

相关前端数组元素的过滤、去重

数组过滤有时候前端需要对数据进行过滤，比如多个下拉框进行关联选择的时候，第一级别选择有总公司、湖北分公司、湖南分公司、北京分公司，第二级别可以选择总分公司的部门。但是有

野性酷女/ 2024年04月03日 10:36/ 0 赞/ 86 阅读

相关过滤对象数组中key值相同的数据(数组合并去重)

如果有遇到一个数组中存储多个对象，有部分对象的某一个键值是相同的，需要过滤掉重复项的实现方案 const arr =[ {

ゞ浴缸里的玫瑰/ 2023年07月11日 15:21/ 0 赞/ 18 阅读

相关对象数组去重简单数组去重

unique(arr) \{ const res = new Map(); r

清疚/ 2023年02月24日 11:26/ 0 赞/ 25 阅读

相关对象数组去重

let objArr = [ { 'msg':'ABC' }, {

短命女/ 2022年12月10日 07:18/ 0 赞/ 212 阅读

相关数组/对象去重

var arr=[1, 2, 3, 1, 3, '是是', '是是', '2', '测试', '服务', '测试', NaN, NaN, '服务', '服务'];

谁借莪１个温暖的怀抱￠/ 2022年05月20日 09:17/ 0 赞/ 255 阅读

相关数组对象去重

数组对象去重方法1：利用对象访问属性的方法，判断对象中是否存在key、value const arr = [ {

蔚落/ 2022年01月19日 21:05/ 0 赞/ 332 阅读

相关 vue对象数组去重合并

需求分析对象数组合并去重有两个对象数组如： \` var array1=\[ \{ no: 4, station\_name: “兴发路4”,

小灰灰/ 2021年12月04日 00:19/ 0 赞/ 1313 阅读

相关数组去重、获取数组中相同的元素和索引

第一种 var arr = ['1', '2', '3', '4', '5', '6', '6', '7', '8', '1', '8', '1']; f

喜欢ヅ旅行/ 2021年09月20日 15:52/ 0 赞/ 371 阅读

相关 JS数组去重，JS根据数组里面的对象属性值去重

q群： 581478349 var arr1 = [1, 2, 3, 4, 5, 6, 3, 4, 3]; function arrayUniq

深藏阁楼爱情的钟/ 2021年09月18日 15:18/ 0 赞/ 532 阅读