js去除数组中的重复项

最新推荐文章于 2022-03-22 23:04:06 发布
原创 最新推荐文章于 2022-03-22 23:04:06 发布 · 125 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种使用JavaScript去除数组中重复对象的有效方法。通过利用reduce方法结合哈希表原理，确保每个唯一对象只保留一次出现。这种方法适用于需要处理大量相似数据的场景。

去除数组中的重复项

var arr = [{
    "name": "ZYTX",
    "age": "Y13xG_4wQnOWK1QwJLgg11d0pS4hewePU95UHtpMl3eE81uS74NC-6zu-Rtnw4Ix",
    "gender": "AAAAAA.doc"
}, {
    "name": "ZYTA",
    "age": "Y13xG_4wQnOWK1QwJLgg11d0pS4hewePU95UHtpMl3eE81uS74NC-6zu-Rtnw4Ix",
    "gender": "BBBBBB.doc"
}, {
    "name": "ZDTX",
    "age": "Y13xG_4wQnOWK1QwJLgg11d0pS4hewePU95UHtpMl3eE81uS74NC-6zu-Rtnw4Ix",
    "gender": "CCCCCC.doc"
}, {
    "name": "ZYTX",
    "age": "Y13xG_4wQnOWK1QwJLgg11d0pS4hewePU95UHtpMl3eE81uS74NC-6zu-Rtnw4Ix",
    "gender": "AAAAAA.doc"
}];
var hash = {};
arr = arr.reduce(function(item, next) {
    hash[next.name] ? '' : hash[next.name] = true && item.push(next);
    return item
}, [])
console.log(arr);
// [
//     {
//       name: 'ZYTX',
//       age: 'Y13xG_4wQnOWK1QwJLgg11d0pS4hewePU95UHtpMl3eE81uS74NC-6zu-Rtnw4Ix',
//       gender: 'AAAAAA.doc'
//     },
//     {
//       name: 'ZYTA',
//       age: 'Y13xG_4wQnOWK1QwJLgg11d0pS4hewePU95UHtpMl3eE81uS74NC-6zu-Rtnw4Ix',
//       gender: 'BBBBBB.doc'
//     },
//     {
//       name: 'ZDTX',
//       age: 'Y13xG_4wQnOWK1QwJLgg11d0pS4hewePU95UHtpMl3eE81uS74NC-6zu-Rtnw4Ix',
//       gender: 'CCCCCC.doc'
//     }
//   ]
JS 去掉数组中重复项
06-02
NULL 博文链接：https://onestopweb.iteye.com/blog/2324006
JavaScript去掉数组重复项的方法分析【测试可用】
12-01
本文实例分析了JavaScript去掉数组重复项的方法。分享给大家供大家参考，具体如下： 利用JavaScript的object的特性，我们可以非常容易的实现将一个数组的重复项去掉。 object的特性是：key一定是唯一的。 把数组重复项去掉: 1 将数组转换成一个object对象，数组的值作为object对象的 key 因为key是唯一的，碰到重复的数组值的时候，object不会添加key 2 将object对象转换成数组，key为数组的值。 在之前的重复数组，每一个值实际上对应object只有一个key，这样在还原到数组的时候，重复值就去掉了 [removed] /*用object的特性
js 巧妙去除数组中的重复项
10-29
最近, 我在看YAHOO.util.YUILoader类的源码, 其中有个排除数组重复项的方法, 让我觉得甚为巧妙, 这里分享下…
JS数组去除重复项
junge2150501的专栏
01-05 955
<br />    对一个JS数组去除重复项方法很多，但以前写的总是有些问题，譬如包含不同类型数据项无法删除，查了些资料做了一点修改认为这个方法蛮好的。<br /> <br />  //去除数组中重复的<br />  var array=[2.3,2.3,"a","b","b",true,true,true,false,1,0,undefined,null];   <br />  for(var i=0;i<array.length;i++){   <br />      for(var j=i+1;j<a
javascript去掉数组中的重复项
LLG
09-21 542
/* 利用js特性去除数组中的重复项 */ var arr = [1,2,2,5,5,7,8,9,9,3,3]; // 将数组转为对象 var arrToObj = function(arr){ var obj = {}; for(var i = 0; i<arr.length;i++){ obj[arr[i]] = true; } return obj; }
JS简单去除数组中重复项的方法
10-21
在本文中，介绍了使用JavaScript去除数组中重复项的一个简单方法，这种方法通过数组遍历、判断与运算等操作技巧实现。 首先，本文介绍了一个实现数组去重的函数unique(arr)，该函数接收一个数组arr作为参数。在函数...
如何高效率去掉js数组中的重复项
10-22
总结起来，去除JavaScript数组中的重复项有多种策略，包括常规模式、利用`sort()`函数以及利用JSON对象。每种方法都有其适用场景，开发人员应根据实际需求选择最适合的方法。在处理大量数据时，推荐使用利用JSON对象...
JS查找数组中重复元素的方法详解
10-19
JS查找数组中重复元素的方法详解： 首先，本文主要介绍了在JavaScript中如何查找数组内的重复元素。查找重复元素是一个常见的编程任务，尤其在数据处理和分析中尤为重要。JavaScript提供了灵活的数组操作API，可以...
使用js中的对象来去除数组中的重复项
cheng
10-08 252
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UT...
Js中数组去除重复项
weixin_42714574的博客
04-18 770
在学习Js的时候经常会用到数组去除重复项的问题 下列将用不同的方法实现去重的问题： 一、利用双重循环和数组splice方法 function unique(arr) { var len = arr.length //第一重控制外部循环次数 for (var i = 0; i < len; i++) { //第二重控制比较次数 for (var j = i...
JavaScript 数组删除重复项
m0_57835615的博客
06-08 232
封装函数如下： function remove(array) { for (var i = 0; i < arr.length; i++) { var current = array[i]; for (var k = i + 1; k < array.length; k++) { if (current == array[k]) { ...
JavaScript去除数组重复项的方法
controllerha的博客
09-01 973
说名：在JavaScript的对象中key不会重复，如果重复就会覆盖，可以用这点去除重复 代码：  function removeRepeat(array) { var obj = new Object(); for(var i=0;i&lt;array.length;i++ ){ obj[array[i]] = true; ...
Js去除数组中的重复项插件
Jery.Peng的博客
02-07 414
1、插件源码： CommonMethod = { /** * 去除数组中的重复项 * @param {Object} array */ uniqueArray: function(array){ var newArray = new Array(); if(array && array.length > 0){ var tempStr = ""; for(var i = 0;
移除数组中的重复元素（javascript 数组去重）
bdss58的专栏
02-11 2448
方法一let arr = [1, 2, 3, 2, 1, 5, 5, 6, 5, 7]let unique_arr = arr.filter((elem, index, self) => { return index == self.indexOf(elem) })console.log(unique_arr) // [ 1, 2, 3, 5, 6, 7 ]很直观的做法，“每个元素只能在第一
JS 数组去重，去除一个数组中重复的数据
qq_51369065的博客
08-06 642
用到的知识点： indexof() 判断数组中是否有这个元素，有则返回下标，没有返回-1 push() 向输入后面追加元素 实现逻辑：遍历原数组，新建一个空数组，逐个判断空数组中是否包含原数组中的元素，如果不包含，则将这个元素放入到新数组中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-...
高效率去掉js数组中重复项
小贝de
09-22 471
第一种：也是最笨的吧。 Array.prototype.unique1 = function () {     var r = new Array();     label:for(var i = 0, n = this.length; i         for(var x = 0, y = r.length; x          
【JavaScript】 - 将数组的重复项去掉方法
m0_55960697的博客
03-22 1340
方式1 ：使用for循环嵌套 var arr = [1, 2, 3, 4, 4, 4, 5, 7, 1, 8, 9, 3, 10, 15, 4, 9]; function norepeat(arr) { for (var i = 0; i < arr.length; i++) { for (var j = i + 1; j < arr.length; j++) { if (arr[i] == arr[j]) { arr.splice(j, 1);
js去除数组对象重复项
最新发布
06-29
在 JavaScript 中，去除数组中对象的重复项相较于基本类型（如数字、字符串）更为复杂，因为对象是引用类型。直接比较两个对象是否相等时，JavaScript 会基于引用地址进行判断，而不是其内容[^1]。 ### 使用 `reduce()` 和自定义键值匹配去重 可以通过一个累加器来保存唯一对象，并使用 `JSON.stringify()` 将对象序列化为字符串形式以便于比较。这种方式可以有效识别结构相同但引用不同的对象。 ```javascript function removeDuplicateObjects(arr) { return arr.reduce((acc, current) => { const exists = acc.some(item => JSON.stringify(item) === JSON.stringify(current)); if (!exists) { acc.push(current); } return acc; }, []); } const originalArray = [ { place: "here", name: "stuff" }, { place: "there", name: "morestuff" }, { place: "here", name: "stuff" } ]; const uniqueArray = removeDuplicateObjects(originalArray); console.log(uniqueArray); // 输出: [ { place: 'here', name: 'stuff' }, { place: 'there', name: 'morestuff' } ] ``` 这种方法通过遍历数组并检查当前对象是否已经存在于新数组中实现去重操作。它适用于小型数据集且对象结构较为简单的情况[^2]。 ### 使用 `Map` 或 `Set` 进行去重 另一种方法是利用 `Map` 来存储已处理的对象，以提升查找效率。通过将对象转换为字符串作为键，避免了线性查找带来的性能损耗。 ```javascript function removeDuplicateObjects(arr) { const seen = new Map(); return arr.filter(item => { const key = JSON.stringify(item); if (seen.has(key)) { return false; } else { seen.set(key, true); return true; } }); } const originalArray = [ { place: "here", name: "stuff" }, { place: "there", name: "morestuff" }, { place: "here", name: "stuff" } ]; const uniqueArray = removeDuplicateObjects(originalArray); console.log(uniqueArray); // 输出: [ { place: 'here', name: 'stuff' }, { place: 'there', name: 'morestuff' } ] ``` 此方法通过 `Map` 存储已出现的对象键值，大幅减少了查找时间，适用于较大或较复杂的对象数组去重场景[^3]。 ### 注意事项与限制 - 上述方法依赖于 `JSON.stringify()` 对对象进行序列化，因此无法处理包含函数、`undefined`、循环引用等特殊结构的对象。 - 如果对象中存在嵌套结构（例如多层嵌套对象或数组），这些方法依然适用，前提是所有属性都可以被正确序列化。 - 在某些极端情况下（如大量数据），应考虑引入更高效的哈希算法或使用专门的数据结构（如 Immutable.js 提供的集合类型）。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值