2022-js-过滤两个对象数组相同元素

最新推荐文章于 2023-12-13 18:06:29 发布
最新推荐文章于 2023-12-13 18:06:29 发布
阅读量1.1k 收藏
点赞数
分类专栏： vuejs 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/itwangyang520/article/details/123433703
版权

之前写代码，老是是有这样子的需求，就是编辑返回来的数据和总部的数据，是有些重复的，所以需要过滤编辑返回回来的数据，减去总部返回的数据

let arr1 = [{goods_id: 1, name: 'GPD1420220311171943AAA'}, {goods_id: 2, name: 'GPD1420220311171943BBB'}, {goods_id: 3, name: 'GPD1420220311171943CCC'}, {goods_id: 4, name: 'GPD1420220311171943DDD'}]
let arr2 = [{goods_id: 2, name: 'GPD1420220311171943BBB'}, {goods_id: 3, name: 'GPD1420220311171943CCC'}]
let newArr = []

arr2.forEach(item => {
   newArr.push(item.goods_id)
 })
 for (let goods_id of newArr) {
   arr1 = arr1.filter(item => {
     return goods_id !== item.goods_id
   })
 }
 console.log(arr)
 //得到[{goods_id: 1, name: 'GPD1420220311171943AAA'}, {goods_id: 4, name: 'GPD1420220311171943DDD'}]`

这个是模拟简单的情况下

现在我们来看看真实的情况下的应用

{
    "code":0,
    "message":"操作成功",
    "data":{
        "data":{
            "id":418,
            "cuid":14,
            "branch_id":60,
            "dm_id":97,
            "apm_id":197,
            "storage_id":33,
            "supplier_id":null,
            "supplier_title":null,
            "cca_id":null,
            "cor_id":408,
            "type":1,
            "donor":1,
            "order_no":"GPD1420220311171943",
            "code":null,
            "status":4,
            "amount":"0.00",
            "has_pay":"0.00",
            "payed":"0.00",
            "amount_invoice":"0.00",
            "ratio":null,
            "finish":null,
            "storage_time":"2022-03-11",
            "remark":"范德萨发的",
            "address":"福建福州",
            "address_donor":null,
            "order_no_donor":null,
            "payment_type":null,
            "project_manager_id":327,
            "creator":327,
            "handler":327,
            "step_id":0,
            "update_time":"2022-03-11 17:19:47",
            "create_time":"2022-03-11 17:19:43",
            "dirname":"test\/temp\/goods_purchase_donor\/622b141c7a05042448",
            "contract_remark":null,
            "branch_link_man":null,
            "branch_link_tel":null,
            "branch_link_addr":null,
            "branch_link_mail_no":null,
            "hq_link_man":null,
            "hq_link_tel":null,
            "hq_link_addr":null,
            "hq_link_mail_no":null,
            "hq_mail_no_of_code":null,
            "tel":null,
            "linker":null,
            "project_ledger_id":0,
            "goods_list":[
                {
                    "id":894,
                    "goods_id":961,
                    "title":"光缆",
                    "sku":"12芯",
                    "goods_class":"工程材料",
                    "goods_unit":"千米",
                    "remark":"",
                    "brand":"公牛",
                    "qty_finish":"0.00",
                    "qty":"1231.00",
                    "qty_design":"100000.00",
                    "qty_purchase":"3.00",
                    "qty_purchase_finish":"0.00"
                },
                {
                    "id":895,
                    "goods_id":960,
                    "title":"光缆",
                    "sku":"12芯",
                    "goods_class":"工程材料",
                    "goods_unit":"千米",
                    "remark":"",
                    "brand":"电信",
                    "qty_finish":"0.00",
                    "qty":"112.00",
                    "qty_design":"100000.00",
                    "qty_purchase":"2.00",
                    "qty_purchase_finish":"0.00"
                }
            ]
        },
        "help_list":{
            "apm_list":{
                "list":[
                    {
                        "id":197,
                        "name":"甲供领料",
                        "apm_code":"goods_purchase_donor",
                        "desc":"根据项目的甲供材料清单，制甲供领料单，领料之后进行仓库材料入库",
                        "grade":-1,
                        "uid_cc":null,
                        "list":[
                            {
                                "step_id":510,
                                "type":"purchase_donor_file",
                                "result":2,
                                "mode":0,
                                "dmp_id":0,
                                "uid":327,
                                "sort":1,
                                "remark":""
                            }
                        ]
                    }
                ],
                "staff_list":[
                    {
                        "id":806,
                        "uid":658,
                        "name":"1212121",
                        "branch_id":60,
                        "branch_name":"总部",
                        "dm_id":110,
                        "dm_name":"项目部",
                        "dmp_name":"副总经理",
                        "tel":"18859596363",
                        "text":"1212121",
                        "label":"项目部>副总经理>1212121",
                        "value":658
                    },
                    {
                        "id":695,
                        "uid":690,
                        "name":"王凯",
                        "branch_id":60,
                        "branch_name":"总部",
                        "dm_id":110,
                        "dm_name":"项目部",
                        "dmp_name":"厨师",
                        "tel":"15875469521",
                        "text":"王凯",
                        "label":"项目部>厨师>王凯",
                        "value":690
                    },
                    {
                        "id":865,
                        "uid":691,
                        "name":"采购",
                        "branch_id":60,
                        "branch_name":"总部",
                        "dm_id":316,
                        "dm_name":"采购部",
                        "dmp_name":"采购经理",
                        "tel":"12323222222",
                        "text":"采购",
                        "label":"采购部>采购经理>采购",
                        "value":691
                    },
                    {
                        "id":391,
                        "uid":327,
                        "name":"刘瑞卿",
                        "branch_id":60,
                        "branch_name":"总部",
                        "dm_id":97,
                        "dm_name":"总经办",
                        "dmp_name":"总经理",
                        "tel":"13333333333",
                        "text":"刘瑞卿",
                        "label":"总经办>总经理>刘瑞卿",
                        "value":327
                    },
                    {
                        "id":378,
                        "uid":298,
                        "name":"张三",
                        "branch_id":60,
                        "branch_name":"总部",
                        "dm_id":98,
                        "dm_name":"工程部",
                        "dmp_name":"工程部经理",
                        "tel":"15555555555",
                        "text":"张三",
                        "label":"工程部>工程部经理>张三",
                        "value":298
                    },
                    {
                        "id":368,
                        "uid":317,
                        "name":"李宁",
                        "branch_id":60,
                        "branch_name":"总部",
                        "dm_id":98,
                        "dm_name":"工程部",
                        "dmp_name":"工程部经理",
                        "tel":"18888888888",
                        "text":"李宁",
                        "label":"工程部>工程部经理>李宁",
                        "value":317
                    },
                    {
                        "id":369,
                        "uid":318,
                        "name":"王涛",
                        "branch_id":60,
                        "branch_name":"总部",
                        "dm_id":98,
                        "dm_name":"工程部",
                        "dmp_name":"工程部副经理",
                        "tel":"17777777777",
                        "text":"王涛",
                        "label":"工程部>工程部副经理>王涛",
                        "value":318
                    },
                    {
                        "id":370,
                        "uid":320,
                        "name":"李恒祥",
                        "branch_id":60,
                        "branch_name":"总部",
                        "dm_id":98,
                        "dm_name":"工程部",
                        "dmp_name":"工程部资料员",
                        "tel":"16666666666",
                        "text":"李恒祥",
                        "label":"工程部>工程部资料员>李恒祥",
                        "value":320
                    }
                ],
                "uid_cc":[
                    null
                ]
            },
            "cor_list":[
                {
                    "id":408,
                    "title":"厦门建设一期测试1",
                    "goods_supplier_id":136,
                    "supplier_name":"测试甲方",
                    "project_manager_id":327
                },
                {
                    "id":409,
                    "title":"厦门建设一期测试2",
                    "goods_supplier_id":136,
                    "supplier_name":"测试甲方",
                    "project_manager_id":327
                },
                {
                    "id":410,
                    "title":"厦门建设一期测试3",
                    "goods_supplier_id":136,
                    "supplier_name":"测试甲方",
                    "project_manager_id":327
                },
                {
                    "id":411,
                    "title":"厦门建设一期测试4",
                    "goods_supplier_id":136,
                    "supplier_name":"测试甲方",
                    "project_manager_id":327
                },
                {
                    "id":412,
                    "title":"厦门建设一期测试5",
                    "goods_supplier_id":136,
                    "supplier_name":"测试甲方",
                    "project_manager_id":327
                },
                {
                    "id":415,
                    "title":"厦门建设一期测试6",
                    "goods_supplier_id":136,
                    "supplier_name":"测试甲方",
                    "project_manager_id":327
                },
                {
                    "id":416,
                    "title":"华信设备技改项目001",
                    "goods_supplier_id":144,
                    "supplier_name":"聚纤缆通信有限公司",
                    "project_manager_id":327
                },
                {
                    "id":421,
                    "title":"厦门GYTS通信光缆",
                    "goods_supplier_id":144,
                    "supplier_name":"聚纤缆通信有限公司",
                    "project_manager_id":327
                },
                {
                    "id":425,
                    "title":"厦门GYTS通信光缆20",
                    "goods_supplier_id":144,
                    "supplier_name":"聚纤缆通信有限公司",
                    "project_manager_id":327
                },
                {
                    "id":429,
                    "title":"11111188",
                    "goods_supplier_id":136,
                    "supplier_name":"测试甲方",
                    "project_manager_id":null
                },
                {
                    "id":430,
                    "title":"111111888",
                    "goods_supplier_id":136,
                    "supplier_name":"测试甲方",
                    "project_manager_id":null
                },
                {
                    "id":431,
                    "title":"111111999",
                    "goods_supplier_id":136,
                    "supplier_name":"测试甲方",
                    "project_manager_id":null
                },
                {
                    "id":432,
                    "title":"222222",
                    "goods_supplier_id":136,
                    "supplier_name":"测试甲方",
                    "project_manager_id":null
                }
            ],
            "storage_list":[
                {
                    "id":33,
                    "dm_id":97,
                    "title":"福州仓库",
                    "manager_id":327,
                    "area":null,
                    "address":"福建福州",
                    "sort":null,
                    "remark":null,
                    "threshold":"0.00",
                    "branch_id":60,
                    "staff_ids":null
                },
                {
                    "id":34,
                    "dm_id":97,
                    "title":"集美区仓库",
                    "manager_id":327,
                    "area":null,
                    "address":"厦门集美区",
                    "sort":null,
                    "remark":null,
                    "threshold":"0.00",
                    "branch_id":60,
                    "staff_ids":null
                },
                {
                    "id":35,
                    "dm_id":97,
                    "title":"广州仓库",
                    "manager_id":327,
                    "area":null,
                    "address":"广东广州",
                    "sort":null,
                    "remark":null,
                    "threshold":"0.00",
                    "branch_id":60,
                    "staff_ids":null
                },
                {
                    "id":36,
                    "dm_id":98,
                    "title":"厦门仓库",
                    "manager_id":317,
                    "area":null,
                    "address":"福建厦门",
                    "sort":null,
                    "remark":null,
                    "threshold":"0.00",
                    "branch_id":60,
                    "staff_ids":[

                    ]
                },
                {
                    "id":37,
                    "dm_id":97,
                    "title":"贵阳项目仓库",
                    "manager_id":327,
                    "area":"2000",
                    "address":"贵阳市",
                    "sort":1,
                    "remark":null,
                    "threshold":"0.00",
                    "branch_id":60,
                    "staff_ids":null
                }
            ],
            "goods_list":[
                {
                    "goods_id":961,
                    "title":"光缆",
                    "brand":"公牛",
                    "sku":"12芯",
                    "goods_class":"工程材料",
                    "goods_unit":"千米",
                    "qty_design":"100000.00",
                    "qty_purchase":"3.00",
                    "qty_purchase_finish":"0.00"
                },
                {
                    "goods_id":960,
                    "title":"光缆",
                    "brand":"电信",
                    "sku":"12芯",
                    "goods_class":"工程材料",
                    "goods_unit":"千米",
                    "qty_design":"100000.00",
                    "qty_purchase":"2.00",
                    "qty_purchase_finish":"0.00"
                },
                {
                    "goods_id":939,
                    "title":"光缆接头盒5",
                    "brand":"亨通",
                    "sku":"96芯",
                    "goods_class":"工程材料",
                    "goods_unit":"个",
                    "qty_design":"100000.00",
                    "qty_purchase":"1.00",
                    "qty_purchase_finish":"0.00"
                }
            ],
            "file_host":"http:xxx",
            "host":"goods_purchase_donor"
        }
    }
}

我们来分析一下，上面data里面的就是返回回来的goods_list，help_list里面的goods_list是总的数据，我们肯定是需要排除掉数据·

// 所以我们来看代码：
let newArr = []
this.data.goods_list.forEach(item => {
	newArr.push(item.goods_id)
})
for (let goods_id of newArr) {
	this.help_list.goods_list = this.help_list.goods_list.filter(item => {
 		return goods_id !== item.goods_id
 	})
}

所以搞定

itwangyang520
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解JS取出两个数组中的不同或相同元素
10-17
主要介绍了JS取出两个数组中的不同或相同元素，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
js过滤重复的数组元素
11-25
javascript实现过滤数组中重复的元素，使得数组具有元素的唯一性
JS两个对象数组过滤掉相同的对象
YUSIR 完美CODING世界
06-06 1673
JS两个对象数组过滤掉相同的对象
过滤两个对象数组相同元素
weixin_48142432的博客
03-10 1402
过滤两个对象数组相同元素 let arr = [{id: 1, name: 'AAA'}, {id: 2, name: 'BBB'}, {id: 3, name: 'CCC'}, {id: 4, name: 'DDD'}] let arr2 = [{id: 2, name: 'BBB'}, {id: 3, name: 'CCC'}] let newArr = [] arr2.forEach(item => { newArr.push(item.id) }) for (let id of
JS 两个数组对象过滤
hzxOnlineOk的博客
05-30 687
users.filter((item) => !usersToUserGroup.some((ele) => ele?.userId === item?.userId));
两个数组对象通过相同元素匹配筛选
weixin_45629194的博客
01-16 7337
例如两个对象数组： let arr1 = [ { name: '安安', value: 'aa', }, { name: '版本', value: 'bb', }, { name: '查查', ...
30s-code:30scode学习笔记
04-02
组合：组合两个对象的模型，使用指定的键来匹配对象 hasDuplicates：检查平面副本中是否有重复的值 pullBy：根据给定的继承器函数，修改原始数组以过滤指定的值 unzipWith：创建元素细分，将zip生成的副本中的元素解...
jQuery权威指南-源代码
11-11
《jQuery权威指南》除了理论知识丰富而全面外，它还有一个最大的特点就是注重实战，每个知识点都有一个完整的案例，包括需求分析、代码实现和结果展示三个部分，而且还包含两个综合性的案例，它的实践性之强是目前...
程序天下:JavaScript实例自学手册
07-08
3.43 JavaScript过滤SQL注入字符 3.44 textarea内实现行的翻页效果 3.45 textarea中的文本插入 3.46 查找两段文本中相同的词句 3.47 自动保存网页输出的文本 3.48 文本编辑器 第4章 鼠标特效 4.1 禁用鼠标右键 4.2 ...
我有2个数组对象，里面有一个相同的属性，我想用js把这2个数组对象中的相同属性提取出来，去重...
weixin_35750483的博客
12-20 1146
你可以使用 JavaScript 中的 Set 数据结构来去重， Set 本质上是一个无序的且不重复的数据集合。可以将 Set 看作是数组的替代品，它具有与数组类似的 API，但是它不允许出现重复的元素。你可以这样做： const array1 = [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}, {id: 3, name: 'Charlie'}]; c...
【JS】js 过滤两个数组中，相同的项
leo的博客
11-09 6185
介绍了JS过滤出两个数组中的相同元素的方法，示例代码详细
2022-JavaScript-js-两个对象数组过滤相同的-取出不同的数据-去重
itwangyang520的博客
08-03 632
代码】2022-JavaScript-js-两个对象数组过滤相同的-取出不同的数据-去重。
2个数组对象对比，过滤掉相同的对象
lxuanz的博客
05-18 710
2个数组对象对比，过滤掉相同的对象
js 把数组对象中 某一项属性相同的对象筛选出来
a378113472的博客
12-10 6764
原数组 [ { name:'小明', age:'18', address:'天上' }， { name:'小红', age:'19', address:'地里' }， { name:'小明', age:'20', address:'叙利亚' }， { name:'小明', age:'5', address:'娘胎' }， ] 想处理成 [ { name:小明， list:[{ age:18, address:'天
js查找数组对象中有相同属性和值的数据项
最新发布
weixin_46016926的博客
12-13 485
【代码】js查找数组对象中有相同属性和值的数据项。
JS对象数组取出对象属性值完全一样的项
天空飞鸟的博客
11-04 2300
vvar ary=[ {"RaDate":'2021-09-08',"Type":'Morning2','title':'测试2'}, {"RaDate":'2021-10-08',"Type":'Morning2','title':'测试1'}, {"RaDate":'2021-09-08',"Type":'Morning2','title':'测试2'}, {"RaDate":...
JS 数组去重 数组过滤重复
一眼青苔
02-16 1931
JS 数组去重 数组过滤重复JS 数组去重 数组过滤重复理论概念说明：定义：说人话：数组去重解释：文字解释：图表解释： JS 数组去重 数组过滤重复 function array_deduplication(arr) { return arr.filter(function (c, index) { return arr.indexOf(c) === index; }); } 理论概念说明： arr.filter 定义： filter() 方法会创建一个新数组, 其包含通
JS去除两个数组对象的相同元素
qq_45963949的博客
09-13 1673
filter()：filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。some()： some() 方法用于检测数组中的元素是否满足指定条件。
js数组对象里面获取某个属性值相等的对象
热门推荐
这是我的博客
07-15 2万+
例： var outArr=[ {"name":"张三","id":1,age:18}, {"name":"李四","id":2,age:19}, {"name":"王五","id":3,age:18}, {"name":"小红","id":4,age:20}, {"name":"小明","id":5,age:17}, {"name":"小白","id":6,age:18} ]; va...
两个数组把相同的元素过滤掉怎么实现
06-03
可以使用 JavaScript 中的 filter() 方法和 includes() 方法来实现。 假设有两个数组 arr1 和 arr2，需要把它们中相同的元素过滤掉，可以按照以下方式实现： ```javascript const arr1 = [1, 2, 3, 4, 5]; const arr2 = [3, 4, 5, 6, 7]; const filteredArr1 = arr1.filter(item => !arr2.includes(item)); const filteredArr2 = arr2.filter(item => !arr1.includes(item)); console.log(filteredArr1); // [1, 2] console.log(filteredArr2); // [6, 7] ``` 这里的 filter() 方法用于过滤出不包含在另一个数组中的元素，includes() 方法用于判断一个元素是否包含在另一个数组中。用 ! 进行取反操作是因为我们需要过滤出不相同的元素。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值