码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 数组对象根据id去重(javascript方法)


    数组对象根据id去重(javascript方法)

    示例:需要去重的数组对象

    	let arr = [
    		{ duty: "Web前端工程师", id: "aiWXizrJyWK9Vrzbg2L", orgName: "研发部" },
    		{ duty: "Web前端工程师", id: "aiWXizrJyWK9Vrzbg2L", orgName: "研发部" },
    		{ duty: "测试工程师", id: "A1l1XNCpDVEPqpR8qM0", orgName: "研发部" },
    		{ duty: "产品工程师", id: "xbY1eRH8HC0OaxKK38S", orgName: "项目部" },
    		{ duty: "会计", id: "djDeiYHzuNckCrs6VCK", orgName: "财务部" },
    	]
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7

    方法一

    通过for循环遍历,再通过some方法判断当前对象id是否包含,否则添加

    	let forData = [];
    	for (let i = 0; i < arr.length; i++) {
    	  if (!forData.some(e => e.id == arr[i].id)) forData.push(arr[i]);
    	}
    	console.log("输出结果:", forData)
    
    • 1
    • 2
    • 3
    • 4
    • 5

    方法二

    类似方法一,把forEach方法替换for循环遍历,再通过some方法判断

    	let forData = [];
    	arr.forEach(item => {
    	  if (!forData.some(e => e.id == item.id)) forData.push(item);
    	})
    	console.log("输出结果:", forData)
    
    • 1
    • 2
    • 3
    • 4
    • 5

    方法三

    类似方法二,同样使用forEach方法循环遍历,把find方法替代some方法去判断

    	let forData = [];
    	arr.forEach(item => {
    	  if (!forData.find(e => e.id == item.id)) forData.push(item);
    	})
    	console.log("输出结果:", forData)
    
    • 1
    • 2
    • 3
    • 4
    • 5

    方法四(高阶方法)

    通过reduce方法,通过定义的obj,判断obj[currentValue.id]是否存在,否则添加对象

    	let obj = {}
    	let forData = []
    	forData = arr.reduce((total, currentValue) => {
    		obj[currentValue.id] ? '' : (obj[currentValue.id] = true && total.push(currentValue))
    		return total
    	}, [])
    	console.log("输出结果:", forData)
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
  • 相关阅读:
    NGINX源码之:请求处理
    Vue_el挂载点
    理论+实操,带你了解多沙箱容器运行时Kuasar
    Sqlmap(SQL注入自动化工具)
    Element - el-table 表头列字段筛选 支持一个页面多table
    OpenGL基础入门及准备
    mysql使用FIND_IN_SET函数解决两张表没有主键id强关联,而是A表中的某个字段值,存在B表中的集合字段中
    电路基础元件
    基于springboot框架的校园食堂外卖点餐系统
    15-1 Java反射机制概述
  • 原文地址:https://blog.csdn.net/TurtleOrange/article/details/126519844
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号