JS在前端去重

最新推荐文章于 2025-09-11 10:15:00 发布

原创最新推荐文章于 2025-09-11 10:15:00 发布 · 680 阅读

0 ·

CC 4.0 BY-SA版权

随笔专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种针对不同类型的相同元素进行有效去重的算法实现，通过使用JavaScript的filter方法结合hasOwnProperty检查，确保数组中没有重复元素，适用于多种数据类型。

针对不同类型的相同元素，有效去重

function unique(arr) {
var obj = {};
return arr.filter(function(item, index, arr){
return obj.hasOwnProperty(typeof item + item) ? false : (obj[typeof item + item] = true)
})
}

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

jin_tk

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

前端开发：JS中关于去重操作的使用

全沾软贱开发攻城狮

02-27

1万+

前言前端开发里面，在JS中关于数据去重操作的使用是非常常用，也是非常重要的点，一般情况下关于对数组去重点操作是最常用的，其次是具体的关于某一数据类型的去重操作，如字符串去重、数字去重等。那么本篇博文就来分享一下去重操作的使用，方便后期查阅使用。核心的基本算法遍历拿到的数据数组，然后把该数组中的元素存放到新的数组中，在存放到新数组之前要检查数组的元素是否已经存在，如果存在（相同元素，即重复元素）就不再放入新的数组中。数据去重的基本用法在JS中关于去重操作的使用一般是关于数组去重

前端开发：JavaScript中数组去重的方法汇总

09-11

997

本文总结了7种JavaScript数组去重方法，涵盖不同场景需求：1) Set去重（简洁高效，适合简单数据类型）；2) indexOf/includes（兼容性好但性能差）；3) 对象键名（性能优，需处理类型）；4) filter+indexOf（函数式风格）；5) Map去重（支持特殊值）；6) 对象去重（JSON.stringify或属性比较）；7) 排序后相邻比较。每种方法均附代码示例和适用场景分析，帮助开发者根据数据类型、性能需求和兼容性选择最佳方案。特别针对复杂对象去重提供了解决方案，如利用唯一标

一个前端去重问题

清风吹过脸庞

11-07

974

上周五遇到的问题，一个表单页面需要填写一个表格，要求填写的每行的第一个单元格和第三个单元格不能同时相同，比如第一行的第一个单元格是"张三",第三个单元格是"12",那么后面的行不能再出现同样的第一格叫"张三"，第三格是"12"的，出现了就弹窗给出相应的提示。看了源代码，在submit之前触发校验方法，已经将表格转换成二维数组。 var tarr = [[1,2,4],[3,4,6],[1,4

前端去重总结

李卓书

05-31

884

1 循环去重 var arrs = [2,3,4,2,5,6,1,1,3]; function unique(arr){ var temp =[]; for(var i = 0;i<arrs.length;i++){ var item = arrs[i]; if(-1 == temp.indexOf(item)){ temp.push(item) } } return temp;

JS 前端数据去重

When you can't win by being better, you can win by being different.

06-21

353

使用排序和双指针可以实现 O(nlogn) 的时间复杂度。先对数组进行排序，然后使用双指针遍历数组，如果左指针和右指针指向的值相同，就把右指针向右移动，直到找到不同的值，然后把左指针向右移动，继续遍历。11.双层循环，复杂度 O(n^2)循环和对象，复杂度 O(n^2)方法和对象，复杂度 O(n)方法，复杂度 O(n^2)方法，复杂度 O(n^2)数据结构，复杂度 O(n)数据结构，复杂度 O(n)方法，复杂度 O(n^2)，复杂度 O(n^2)，复杂度 O(n^2)8.使用排序和双指针。

JavaScript对象数组去重的方法

weixin_43923808的博客

03-20

734

every去重，如果新数组里没有aa里面相同的数据，那么就push。

js 多对象去重(多属性去重)

lzfengquan的博客

02-20

701

多对象去重。上述代码首先创建了一个空的 Set 对象 set，然后利用 forEach() 方法遍历原始数组 arr，将每个对象转化成字符串形式（使用 JSON.stringify()）再添加到 Set 中。最后，通过调用 Array.from() 方法将 Set 转换为数组，并使用 map() 方法将字符串形式的对象还原为真正的对象。在 JavaScript 中，可以使用 Set 数据结构来进行多对象的去重。这样就完成了多对象的去重操作，得到的 resultArr 数组中只保留了没有重复的对象。

前端去重某个字段

03-29

好的，用户的问题是如何在前端通过JavaScript对数组对象按指定字段去重。我需要仔细分析这个问题，并给出有效的解决方案。首先，回忆一下数组去重的常见方法。对于简单数组，使用Set很方便，比如[...new Set(arr)]...

前端js去重，一个好用的去重方案 @莫成尘

莫成尘的博客

04-08

763

先看代码，复制使用即可，在实际开发中，我们经常会遇到数组去重的问题，简单的数组比如[1,2,3,1] 可以很轻松的使用es6New set或者别的形式，稍微复杂点的对很多刚入门的小伙伴是个不错的考验，基于此，将以下较好的方法分享，我称其为单key模式 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> &lt

前端开发之JS数组去重方法

m0_58371965的博客

01-11

717

前言在前端开发的时候，对于数据处理是很重要的一块，尤其是要根据实际的业务需求来处理数据，有很强的兼容性要求。而且有些时候后端提供的数据和实际的业务需求数据是有偏差的前端培训，所以前端在拿到后台返回的数据之后，需要对数据进行“二次加工”处理，从而来满足业务需求。那么本篇文章就来分享一下在处理数据时候比较重要的一种方式：JavaScript中对数组进行合并之后的去重操作，这是一个比较常见的操作，分享出来，提供查阅使用。 JavaScript中数组去重在JavaScript中对数组进行去重操作.

前端js的两种去重算法

个人笔记

03-17

563

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <script type="text/javascript"> // 8个数字 8个不重复的数字 var numArray = new Array(); /

前端数组去重

wytraining

12-16

1243

利用 indexOf var arr = [1,2,3,4,2,3,4,2,1,5]; var arrNew = []; //定义一个新的空数组 for (var i = 0; i < arr.length; i++) { if (arrNew.indexOf(arr[i]) === -1) { arrNew .push(arr[i]); } } ...

前端JS去重的多种方法

Front end development engineer

10-30

600

在前端开发中，去重操作是非常常见的。无论是处理用户输入、数据请求还是渲染页面，都可能需要对数组或对象进行去重。下面将详细介绍几种常见的前端JS去重方法，并分析它们的优缺点。以上就是前端JS去重的几种常见方法。每种方法都有其优缺点，选择哪种方法取决于具体的需求和场景。如果需要兼容性好且可以保留顺序，可以使用filter()、reduce()或for循环；如果追求性能和简洁性，可以使用Set或Map。对于对象去重，Map是最好的选择。

前端去重大全

Voka丶

02-24

3382

一，单个数组去重方法一：双层循环，外层循环元素，内层循环时比较值如果有相同的值则跳过，不相同则push进数组 Array.prototype.distinct = function(){ var arr = this, result = [], i, j, len = arr.length; for(i = 0; i < len; i++){ for(j = i + 1; j < len; j++){ if(arr[i] === arr...

前端js去重的常用的简单的三种方法

一直在路上的博客

09-07

801

/1 使用for双循环，首先循环原数组，然后循环新定义数组，它里面默认是原数组第一个元素，比较两个是否相等，// 3 indexOf数组的下标。// 2 使用includes。

js去重

ABigKing的博客

03-07

593

1.最基本的去重方法//思路：定义一个新数组，并存放原数组的第一个元素，然后将元素组一一和新数组的元素对比，若不同则存放在新数组中。 function unique(arr){ 　　var res = [arr[0]]; 　　for(var i=1;i<arr.length;i++){ 　　　　var repeat = false; 　　　　for(var j=0;j<res.leng...