javascript 数组去重

最新推荐文章于 2025-05-10 20:27:00 发布

LowKeySk

最新推荐文章于 2025-05-10 20:27:00 发布

阅读量873

点赞数

CC 4.0 BY-SA版权

分类专栏： js/jquery

本文链接：https://blog.youkuaiyun.com/LowKeySk/article/details/39399823

js/jquery 专栏收录该内容

11 篇文章

订阅专栏

Array.prototype.distinct = function() {
		  var ret = [];
		  for (var i = 0; i < this.length; i++) {
		  	if(ret.indexOf(this[i]) == -1) {
		  		ret.push(this[i]);
		  	}
		  }
		 
		 return ret;
		}

利用indexOf执行 === 判断实现去重。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

LowKeySk

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JSON.parse()方法

LowKeySk的专栏

11-12

17万+

本文章介绍一下javascript in json 中 json2.js中的parse()方法。以下为json2js中的原文介绍 JSON.parse(text, reviver) This method parses a JSON text to produce an object or array. It can throw a Syn

javascript数组去重

xuexizhe88的博客

08-09

307

1、使用javascript，把数组中重复元素去除掉。代码实现如下： // 方法一 var span = document.getElementsByTagName('span')[0]; var arr = ["a","b","c","a",5,8,5,"文天祥","文天祥"，"张三"，"张三"] var len = arr.length

参与评论您还未登录，请先登录后发表或查看评论

JavaScript使用hash表方式实现数组去重。

一位不知名小前端的一些笔记

11-30

1195

function unique(arr){ var hash = [], result = [],item; hash[arr[0]]=1; for (var i=1;i<arr.length ;i++ ) { if(hash[arr[i]]===undefined){ hash[arr[i]]=1 }

全网最全情景，深入浅出解析JavaScript数组去重：数值与引用类型的全面攻略

RenGJ010617的博客

12-02

3459

在日常开发中，数组去重是一个不可避免的话题。不管是简单的数值数组去重，还是复杂的引用类型数组去重，掌握多种方法可以帮助开发者高效、优雅地解决实际问题。在这篇博客中，我们将从基础到进阶，结合大量代码案例，系统介绍数组去重的各种技巧。

javaScript 数组去重

User_Name9999的博客

09-08

184

js数组去重

JavaScript数组去重的八种方法详解及性能对比

一点一木

11-03

756

在JavaScript开发中，数组去重是一个常见的操作。本文详细介绍了八种实现数组去重的方法，从基础的双重循环和 indexOf() 方法，到较为高级的 Set 和 Map 实现。同时，分析了每种方法的原理和适用场景，并指出了使用 Set 和 Map 是目前最优的解决方案。通过本文，读者可以深入理解每种方法的优缺点，并选择最合适的数组去重方式。

JavaScript 数组去重：11 种方法对比与实战指南

最新发布

cx18333的博客

05-10

642

在 JavaScript 开发中，数组去重是常见需求。本文深入剖析 11 种数组去重方法，从利用Set、Map数据结构的高效方案，到filter、reduce等函数的巧妙应用，再到双重循环、对象属性匹配等传统实现，全面覆盖不同场景需求。每种方法均附代码示例、原理解析及优劣势说明，例如Set去重简洁高效却难以区分对象引用，双重循环虽经典但性能较差。同时，针对NaN处理、对象去重等特殊场景也提供了优化策略。

JavaScript数组去重的七种方式

weixin_40381947的博客

06-26

1876

下面是数组去重的几种方法：数组去重方法一：使用Set集合去重数组去重方法二：新建一个数组，将没有重复的数组元素添加到新数组并返回新数组数组去重方法三：遍历数组判断并删掉重复元素数组去重方法四：使用数组filter方法过滤出只出现一次的数组元素数组去重方法五：通过对比元素第一次出现的下标和最后一次出现的下标，如果下表不相等，说明重复，删掉一个，然后++ 数组去重方法六：先使用sort()方法将数组排序，然后依次比较相邻元素是否相等，如果相等则删除后面的元素数组去重方法七：使用reduce()方法

JavaScript 数组去重的方法（15种）

以梦想为帆，行动作桨，驶向辉煌彼岸。

04-27

1809

本文包含15种数组去重常用方法

大白话JavaScript数组去重的多种实现思路与代码示例

前端大白话

03-11

703

把数组扔进去，重复的元素就会被无情地赶出来，最后再把里面的元素拿出来，就得到了一个去重后的数组。对于每个元素，看看累积数组里有没有它，如果没有，就把它加到累积数组里，最后累积数组就是去重后的数组。就像一个登记册，每个元素来的时候，看看登记册里有没有它的名字。如果找不到（返回 -1），就说明这个元素是独一无二的，把它加到新数组里。就像一个贴标签的板子，每个元素来的时候，看看板子上有没有它的标签。如果发现有重复的，就把它标记出来，不把它加到新数组里。就像一个查户口的，它会去新数组里看看有没有当前这个元素。

JavaScript 数组去重并统计重复元素出现的次数实例

11-29

1、方法一 var arr = [1, 2, 3, 1, 2, 4]; function arrayCnt(arr) { var newArr = []; for(var i = 0; i < arr.length;... if(newArr.indexOf(arr[i]) == -1) { ... var newarr2 = new Array(newArr.length);...

JavaScript数组去重的方法总结【12种方法，号称史上最全】

12-07

本文实例总结了JavaScript数组去重的方法。分享给大家供大家参考，具体如下：数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的...

javascript数组去重3种方法的性能测试与比较

10-27

本文将探讨三种不同的JavaScript数组去重方法，并对它们的性能进行测试和比较。首先，我们来看第一种方法，这种方法是通过创建一个对象来存储数组元素作为键，利用JavaScript对象的特性，相同的键值不会被覆盖，...

JavaScript数组去重的6个方法

10-20

本文将介绍6种不同的方法来实现JavaScript数组去重，这些方法适用于不同的场景和需求。 1. **基础方法（O(n^2)**：这是最直观的方法，通过两层循环检查元素是否存在。首先，创建一个新的空数组`res`，然后遍历原...

原生JS实现addClass,removeClass,toggleClass

热门推荐

LowKeySk的专栏

10-12

10万+

jQuery操作class的方式非常强大，但是目前还有一些人不知道如何使用或者由于项目统一性的原因无法使用jquery. 在此写了一个利用原生js来实现对dom元素class的操作方法 1.addClass:为指定的dom元素添加样式 2.removeClass:删除指定dom元素的样式 3.toggleClass:如果存在(不存在)，就删除(添加)一个样式 4.hasClass:判断样

jQuery"$"美元符号冲突的解决办法

LowKeySk的专栏

08-17

8103

jQuery不多介绍了，是我们前端开发过程中所使用的一个非常好用的一个框架，但是在实际开发过程中我们会发现有时候jQuery的$ 符号会与其他js框架出现冲突例如prototype.js。下面来给大家提供三种解决该冲突的办法。笔者假设造成冲突的js为common.js，代码如下 function $(id) { return document.getElementById(id); }

js计算两个日期之间相差的天数

LowKeySk的专栏

01-06

6251

function DateDiff(sDate1, sDate2){ //sDate1和sDate2是2006-12-18格式 var aDate, oDate1, oDate2, iDays aDate = sDate1.split("-") oDate1 = new Date(aDate[1]

jQuery阻止 toggle方法事件冒泡

LowKeySk的专栏

07-03

3569

写了一个左侧导航的菜单，父菜单元素为li，子节点元素也为ul>li，当给父节点的li绑定click事件执行toggle()函数时，发现点击子节点的li标签也会执行toggle函数。由此造成事件冒泡。解决方法：在绑定click事件的函数后添加return false即可解决事件冒泡的问题，代码如下： $('.api_left').find('li').live('mouseover'

Javascript数组去重

12-13

以下是三种Javascript数组去重的方法： 1.使用Set方法进行数组去重 ```javascript const arr = [1, 2, 3, 3, 4, 4, 5]; const newArr = [...new Set(arr)]; console.log(newArr); // 输出：[1, 2, 3, 4, 5] ``` 2.使用filter方法进行数组去重 ```javascript const arr = [1, 2, 3, 3, 4, 4, 5]; const newArr = arr.filter((item, index) => { return arr.indexOf(item) === index; }); console.log(newArr); // 输出：[1, 2, 3, 4, 5] ``` 3.使用reduce方法进行数组去重 ```javascript const arr = [1, 2, 3, 3, 4, 4, 5]; const newArr = arr.reduce((prev, cur) => { if (prev.indexOf(cur) === -1) { prev.push(cur); } return prev; }, []); console.log(newArr); // 输出：[1, 2, 3, 4, 5] ```