封装函数：数组对象中去除相同ID的项、递归找到所在ID的所有父级元素

最新推荐文章于 2024-04-17 10:09:08 发布
最新推荐文章于 2024-04-17 10:09:08 发布
阅读量2.1k 收藏 3
点赞数 2
分类专栏： Vue JavaScript 文章标签： 递归找到所有父级 去重
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w1418899532/article/details/102924258
版权

记录下项目开发中遇到的两个实际需求。

1.数组对象中去除相同ID的项

从后台接口拿到的数据格式是数组对象，但是会存在前后调用同一个接口数据项重复的现象。导致页面中数据显示有重复的。所以在从接口取到数据以后，去除数组中有相同项的对象。

比如我从接口拿到的数据如下：

list: [
   {
    mapcode: 7, name: '快鱼', price: 2 },
   {
    mapcode: 8, name: '海澜之家', price: 2 },
   {
    mapcode: 9, name: '森马', price: 2 },
   {
    mapcode: 13, name: '华为mate10', price:
最低0.47元/天 解锁文章
tomorrownan
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
开发中遇到的递归问题总结（数据的特点有个parentId,主要是把parentId相同的数据整合成tree的要求）
lff18277233091的博客
08-10 269
在vue项目中使用elementUI的tree处理后端返回的数据：数据的特点有个parentId,主要是把parentId相同的数据整合成tree的要求，然后把数据结构在页面中显示出来。data里面定义的数据。
利用递归遍历获取复杂对象中所有目标属性的值（三）
dhklsl的专栏
03-06 2729
关于遍历复杂对象中目标属性的值的文章，这是我写的第三篇，也是目前为止我能想到的遍历效率最高的一篇，再前两篇基础上做了相关完善和优化，主要是思路改变了。 具体实现思路：在复杂对象的目标属性上增加自定义注解，目标属性所属类也可能是某个bo的属性，则在这个属性上增加另一个自定义注解，然后利用递归遍历。 闲话少说，直接上代码 一、两个自定义注解 ...
常见方法根据id删除数组中对应的项
最新发布
weixin_44761131的博客
04-17 380
这种方法通过传入一个回调函数来过滤出不包含特定ID的对象，从而创建一个新的数组。方法找到具有特定ID的对象的索引，然后使用。方法和临时数组来删除特定项。方法从数组中删除该对象。
js如何判断复杂对象（对象内部key对应数组或者字符串）是否存在值
zhangzhuo1130的博客
09-28 335
在公共方法文件写一个公共方法，判定，在需要的地方将filters传入即可判断。这样就可以方便的判断出来啦。
JavaScript之数据去重复的方法【先排序再递归方法总结】
weixin_43343144的博客
06-03 268
其他方法参考：https://segmentfault.com/a/1190000016418021 排序+递归的方法个人感觉容易一些，其他方法可以参考上面别人的分享 let array = [{ amount: 2000, price: 0.03, }, { amount: 2000, price: 0.08, }, { amount: 500...
对JS数组进行归类（id一样则组成新数组）
weixin_44856917的博客
12-12 1588
对JS数组进行归类（id一样则组成新数组）
MySQL通过自定义函数实现递归查询父级ID或者子级ID
09-08
以上就是在MySQL中通过自定义函数实现递归查询父级ID和子级ID的方法。这种方法虽然效率可能不如其他数据库系统中的递归查询语法，但对于有限的层级深度和不支持递归查询的MySQL版本，这是一种有效的解决方案。需要...
JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解
10-22
本文给大家js遍历数组和遍历对象的区别，一般来说for用来遍历数组对象而for-in用来遍历非数组对象。接下来小编给大家带来了js遍历数组和对象的区别及js递归遍历对象、数组、属性的方法详解，一起看下吧
js 递归json树实现根据子id查父id的方法分析
01-19
本文实例讲述了js 递归json树实现根据子id查父id的方法。分享给大家供大家参考，具体如下： 最近做了一个类似用js实现思维导图的功能，作为思维导图，一定会有树状结构的数据产生，在操作里面的节点时会经常需要查找...
js实现数组去重、判断数组以及对象中的内容是否相同
10-26
请注意，这些函数在处理嵌套的对象和数组时可以递归比较，但它们并不适用于深拷贝的情况，也就是说，如果对象或数组中包含引用类型的值，而这些值在内存中指向的是同一个对象，那么这些函数可能会误判为相同。...
递归-带重复数字的全排列
kyhoon
10-24 327
递归解决重复数字的全排列问题
JS 数组去重复数据、处理数组数据
一号斑马
05-21 1001
需求： 用*打印出，星号金字塔 // 星号金字塔 function text(num) { for (let i = 1; i <= num; i++) { let str = "" for (let j = 0; j <= num + i - 1; j++) { if (j <= num - i) { str += ' ' } else {
数组 去除重复元素 的三种方法
热门推荐
zm8454的博客
06-16 1万+
方法一： 两层for循环遍历：第一次遍历数组中的每一个元素 arr[i]第二层遍历数组当前元素后的所有元素 arr[j]，与当前元素相比较，若 == 当前元素，则删除arr[j]，并将循环回退一步（删除元素后，会发生变化） 方法二： 准备一个新空数组，将需要去重的数组进行遍历，判断新数组中是否有当前元素，若没有，这push到新数组中 方法三： 利用ES标准中的新类型SetSet类型的对象：是值不能重复的集合像Set类型对象中添加新值时，如果Set中没
数组的递归取值，嵌套数组取值，根据子级ID,查找父级ID，根据子级名称,查找父级名称
m0_51375245的博客
03-03 1028
数组的递归取值，嵌套数组取值，根据子级ID,查找父级ID，根据子级名称,查找父级名称
子Id,递归查找父级Id
m0_48292596的博客
06-23 1757
1.当我们使用elementui el-cascader组件的时候，获取到数据是一个包含父类子类ID的数组，但是有时候后端只需要最后一级的Id, 当我们传给他最后一级ID，他返回来也是同样的ID，这时候el-cascader就回显不了，因为缺少了父类的ID，所以我们可以通过递归查找父类ID 来完成回显...
对象数组去重——数组删除所有含有固定id的对象
greencaiji的博客
12-07 938
对象数组去重
分享一个如何从一个数组中过滤出和另一个数组id相同的元素的好办法
du_aitiantian的博客
03-21 1283
分享一个如何从一个数组中过滤出和另一个数组id相同的元素的好办法
js多层嵌套对象数组-根据最里层id找出它所属的每层父级id集合
xiexikk的博客
04-03 5323
根据已有子级id，找到它的所有对应的父级们的集合。 比如我们现在有 levelIdList:[“166”]，我们要找到这个166它的父级，然后再找爷级，以此类推。 数据效果图：我们也得到的下方的数据。 我们先看下初始数据data树的结构：（因为层级有点深，截图来看） bindFindKeys(data, val) { let arr = [], newArr = []; for (let i = 0; i<
转载~过滤两个数组并取出不同/相同项（vue/filter）
BiangBaing的博客
03-29 1096
原文链接 https://blog.csdn.net/miem_yang/article/details/118363671 // 数组A let arrA = ['1111','2222','333','4444','5555'] // 数组B let arrB= ['aaa','bbb','4444','5555','dddd','eeee','ffff','yyyy','mmmm'] 过滤B数组中不包含A数组的项 let differentArr = arrB.filter(item => .
js数组的递归取值,嵌套数组取值,根据子级id,查找父级idid
09-08
在JavaScript中，可以通过递归来取得数组中的值。递归是一种自我调用的方法，可以在函数中调用自身，从而解决一些需要重复处理的问题。对于数组的递归取值，可以通过以下代码实现： ```javascript function recursiveGetValue(arr, targetId) { for (let i = 0; i < arr.length; i++) { if (arr[i].id === targetId) { return arr[i]; } if (Array.isArray(arr[i].children)) { const result = recursiveGetValue(arr[i].children, targetId); if (result) { return result; } } } return null; } ``` 上述代码中的`recursiveGetValue`函数接受一个数组`arr`和目标id`targetId`作为参数。函数会遍历数组中的每个元素，判断其id是否与目标id相等。如果相等，则返回该元素。如果元素有子级，并且子级是一个数组，则递归调用`recursiveGetValue`函数，传入子级数组和目标id作为参数。递归调用会继续遍历子级数组，直到找到目标id为止。如果遍历结束仍未找到目标id，则返回null。 对于嵌套数组的取值，在上述代码中已经考虑到了。如果数组中的元素有子级，会继续递归调用，直到找到目标id或遍历完所有元素为止。 而根据子级id查找父级id，可以稍作修改上述代码： ```javascript function recursiveFindParentId(arr, childId, parentId) { for (let i = 0; i < arr.length; i++) { if (arr[i].id === childId) { return parentId; } if (Array.isArray(arr[i].children)) { const result = recursiveFindParentId(arr[i].children, childId, arr[i].id); if (result) { return result; } } } return null; } ``` 上述代码中的`recursiveFindParentId`函数多接受一个参数`parentId`，用来记录父级id。当遍历到目标id时，直接返回父级id。 以上就是关于JavaScript数组递归取值、嵌套数组取值和根据子级id查找父级id的回答。希望能解答到您的问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值