js:数组去重和获取重复元素(普通数组和嵌套对象数组)

您所在的位置:网站首页 数组的嵌套 js:数组去重和获取重复元素(普通数组和嵌套对象数组)

js:数组去重和获取重复元素(普通数组和嵌套对象数组)

2024-07-15 12:06| 来源: 网络整理| 查看: 265

前言

关于js的数组去重和获取重复元素,在项目开发中经常会遇到,这里提供个实现思路以供参考。

数组主要分为:普通数组和对象数组(嵌套对象数组)两类。 普通数组:[1,2,3,'a','b'] 对象数组:[{name:'zhangsan'},{name:'lisi'},{name:'wangwu'}] 普通数组的去重,以及获取重复元素比较简单,重点是关于对象数组去重,以及获取重复元素。

对象数组去重分为两类:根据某一属性去重,和去重完全相同对象(属性属性值都相同)

一、数组嵌套对象,根据对象某一属性去重 let arr = [ {id:1, name:'test', status:'success'}, {id:2, name:'dev', status:'success'}, {id:3, name:'prod', status:'fail'}, {id:4, name:'sand', status:'waiting'}, {id:3, name:'box', status:'running'}, {id:2, name:'dev', status:'success'} ] function unipFunc(arr){ let arr1 = []; //存id let newArr = []; //存新数组 for(let i in arr){ if(arr1.indexOf(arr[i].id) == -1){ arr1.push(arr[i].id); newArr.push(arr[i]); } } return newArr; } 二、数组嵌套对象,去重完全相同对象(属性属性值都相同)

大致思路如下: 首先、循环数组,拿到对象的所有属性组成的数组; 其次、循环属性数组把对象的属性和对应的值拼接成字符串; 然后、利用 hasOwnProperty 方法判断这个字符串是不是对象 obj 里的属性,如果不是则以这个字符串为属性,true为值给 obj 对象新增一个属性;

let arr = [ {id:1, name:'test', status:'success'}, {id:2, name:'dev', status:'success'}, {id:3, name:'prod', status:'fail'}, {id:4, name:'sand', status:'waiting'}, {id:3, name:'prod', status:'fail'}, {id:2, name:'dev', status:'success'} ] function unipFunc(arr){ var newArr= []; //存新数组 var obj= {}; //存处理后转成字符串的对象 for (var i = 0; i 1) {} 只要重复项 //if (item.length == 1){} 只要单独项 //我这里需要重复项 根据业务处理 if (item.length > 1) { result.push(List[index]) } }) }) //结果 //[{ name:'隔壁姐姐',age:24,type:'微信'}, {name:'小区妹妹',age:18,type:'微信'}]


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3