数组对象去重根据指定属性去重，并拼接上后续的属性值

最新推荐文章于 2023-04-20 15:01:18 发布
最新推荐文章于 2023-04-20 15:01:18 发布
阅读量282 收藏 1
点赞数
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38868959/article/details/121584792
版权 
const arr=[
			{name:'张三',type:'person'},
			{name:'李四',type:'person'},
			{name:'旺财',type:'dog'},
			{name:'小花',type:'cat'},
			{name:'王五',type:'person'}
			]

根据type进行去重,并拼接上后续的name属性值

const tempArr = []
		const newArr = []
		arr.map(item=>{
			if(tempArr.indexOf(item.type) === -1){
				tempArr.push(item.type)
				newArr.push(item)
			}else{
				console.log(newArr[tempArr.indexOf(item.type)])
				newArr[tempArr.indexOf(item.type)].name += item.name
			}
		})

在这里插入图片描述

梦幻空花~
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery 按照数组内对象的某个属性去重
Senora的博客
01-21 944
jQuery 按照数组内对象的某个属性去重
【案例】js 数组对象去重，根据对象的一个属性去重、合并
~牧马~
03-29 404
【代码】【案例】js 两个数组对象合并去重，根据对象的一个属性去重、合并。
JS 数组，数组对象的合并去重方法
热门推荐
NAMECZ的博客
09-03 2万+
这次对数组的操作，我们使用es6的新语法来完成，所以在看下边代码之前，我们要了解我们下边要用到的es6中的set集合，和for...of 方法： 首先介绍set集合： ES6提供了新的数据结构Set,它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化。 注意： 向set加入值的时候，不会发生类型转变，所以 5 和 '5...
数据操作处理（数组拼接，去重）
weixin_30411819的博客
09-27 529
1.数组处理添加与拼接 　　　　　　　　　　this.treeListData.push(res.payload.results.OADepartment); var treeList = this.treeListData[0].children; var treeL = []; ...
对象数组的合并和去重
kukudelaomao的博客
09-29 1427
两种方法，原理版(Method 1)和精简版(Method 2)，直接上代码。 Method 1 var songs = [ {name:"羽根",artist:"air",bbb:"b1"}, {name:"晴天",artist:"周杰伦"}, {artist:"周杰伦",name:"晴天"} ]; var arr = [ {name:"羽根",artist:"air"}, {name:"晴天",artist:"周杰伦"} ] for (let i = 0; i < arr.len
vue 对象数组中，根据相同属性的数据合并，重组新的数组对象
01-20
1. 创建`KEY`属性并初始化新数组`newdata`： 首先，遍历源数据，为每个对象添加一个`KEY`属性，其值为`TYPE`和`REMARK`的连接字符串。这样，我们可以根据`KEY`快速判断两个对象是否具有相同的`TYPE`和`REMARK`。 `...
JS数组中对象去重操作示例
12-01
在JavaScript编程中，数组是常用的数据结构，而处理数组中的对象去重问题是一个常见的需求。在给定的示例中，我们看到一个包含多个对象的数组`tmp`，每个对象有`id`和`magicId`两个属性。下面将详细讨论如何实现这种...
js数组去重的hash方法
11-27
例如，两个拥有相同属性和值的对象在JavaScript中被视为不同的引用，即使它们逻辑上是等价的。因此，如果你需要处理这样的情况，可能需要采用更复杂的去重策略，例如深度比较或者序列化对象后再进行比较。 总之，...
js操作两个json数组合并、去重，以及删除某一项元素
01-22
两个json数组合并去重，以及删除某一项元素 let ha = [ {id:'H',name:'3'}, {id:'A',name:'6'}, {id:'B',name:'14'}, ...// 合并两个json数组，并去重; ha= Object.assign([], ha, hb); console.log('ha
合并一维字符串数组并去重 C#
11-15
在C#编程中，合并一维字符串数组并去重是一个常见的任务，特别是在处理数据集合或者进行数据整合时。本文将详细讲解如何实现这个功能，并提供相关的代码示例。 首先，我们要理解C#中的数组和字符串的基本概念。数组...
判断对象是否为空，以及根据对象的value值组成一个数组，以及根据某一个数组的属性值组成一个数组，以及数组去重
m0_59157023的博客
04-20 154
判断对象是否为空，以及根据对象的value值组成一个数组，以及根据某一个数组的属性值组成一个数组，以及数组去重
使用jq 合并数组对象中相同的属性值。
li18337065203的博客
02-27 1968
var arr=[ { id:"00000001", value:"3(Mi)" }, { id:"00000001", value:"6(La)" }, { id:"00000002", ...
取出对象数组中某个属性组成新的数组并去重
Franky
09-24 1048
const arr = [ { name: '11', list: [111, 222, 333, 444] }, { name: '2222', list: [222, 333, 444] }, { name: '3333', list: [111, 666, 777] } ] const newArr = arr.reduce((pre, cur) => Array.from(new Set([...pre.list || pre, ...cur.list])))
对象集合按对象中某个属性去重
weixin_41126842的博客
10-11 174
方法如下： private Set<Detail> getValueSet(List<Detail> list,final String fieldName) { //重写Set Set<Detail> set = new TreeSet<>(new Comparator<Detail>() @Override public int compare(Detail o1...
大学解惑03 - 数组内包含多个name和count的对象元素，name去重，并且count累加
xingyu_qie的专栏
10-24 677
你当然可以把这道题看成是一道口算题，但如果数组内的元素更多了呢，多到看不过来，恐怕口算难以支撑结果的实现了。
数组中嵌套对象，根据对象某个属性对数组进行去重
qq_44373994的博客
12-01 1401
工作中遇到了对复杂数组去重的需求 根据对象的insectName对数组去重 闲下来的时候 研究了一下 定义需要去重的数组 每一个job只要一个人 ```javascript var arr = [ { id: 1, name: '张三', job: '前端' }, { id: 2, name: '李四', job: '前端' }, { id: 3, name: '王五', job: 'java' }, { id: 4, name: '赵六', jo
数组根据某个属性去重
qq_38935512的博客
07-31 1656
利用对象obj[key]的唯一性 let obj={}; let arr=[ {type:1,name:"aaa"}, {type:1,name:"bbb"}, {type:2,name:"ccc"}, {type:1,name:"eee"}, {type:2,name:"fff"}, ] 根据type arr=arr.reduce(function(item,next){ //...
python 按照对象某一个属性去重
大小都是愁的成长之路
07-26 928
reduce 实现去重
Python 依据对象某一属性去重
u011352988的博客
05-09 1030
前言 python3 下，利用 reduce 函数实现。 需求如下 对于如下对象列表： [ {'name':'black','foo':123}, {'name':'black','foo':456}, {'name':'white','foo':789}, ] 期望得到： [ {'name':'black','foo':123}, # 或保留 {'name':'black','foo':456}，这不重要 {'name':'white','foo':789}, ]
js数组通过对象属性去重
最新发布
10-27
在JavaScript中，可以通过对象属性去重数组。具体实现方法有两种，一种是使用filter()和indexOf()方法，另一种是使用for循环和includes()方法。 方法一：使用filter()和indexOf()方法 1.先使用filter()方法筛选出重复的对象的下标，使用indexOf()方法获取第一次出现的下标。 2.再使用filter()方法根据下标筛选出不重复的对象。 方法二：使用for循环和includes()方法 1.使用for循环遍历数组，使用includes()方法判断数组中是否已经存在该对象。 2.如果不存在，则将该对象的id和name属性拼接成一个字符串，添加到一个新的数组中，并将该对象添加到另一个新的数组中。 下面是方法一和方法二的具体实现代码： 方法一： const dataArr = [ { id: 1, name: '名称1' }, { id: 2, name: '名称2' }, { id: 2, name: '名称2' }, { id: 2, name: '名称3' }, { id: 3, name: '名称4' }, { id: 4, name: '名称4' }, { id: 5, name: '名称5' } ] const a = dataArr.map(item => item.id + '-' + item.name) const b = dataArr.filter((item, index) => a.indexOf(item.id + '-' + item.name) === index) console.log(b) // 输出结果： // [ // { id: 1, name: '名称1' }, // { id: 2, name: '名称2' }, // { id: 2, name: '名称3' }, // { id: 3, name: '名称4' }, // { id: 4, name: '名称4' }, // { id: 5, name: '名称5' } // ] 方法二： const dataArr = [ { id: 1, name: '名称1' }, { id: 2, name: '名称2' }, { id: 2, name: '名称2' }, { id: 2, name: '名称3' }, { id: 3, name: '名称4' }, { id: 4, name: '名称4' }, { id: 5, name: '名称5' } ] const arr1 = [] const arr2 = [] for (let i = 0; i < dataArr.length; i++) { if (!(arr1.includes(dataArr[i].id + '-' + dataArr[i].name))) { arr1.push(dataArr[i].id + '-' + dataArr[i].name) arr2.push({ id: dataArr[i].id, name: dataArr[i].name }) } } console.log(arr2) // 输出结果： // [ // { id: 1, name: '名称1' }, // { id: 2, name: '名称2' }, // { id: 2, name: '名称3' }, // { id: 3, name: '名称4' }, // { id: 4, name: '名称4' }, // { id: 5, name: '名称5' } // ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值