数组去重5种方法

最新推荐文章于 2026-04-13 17:03:03 发布
原创 最新推荐文章于 2026-04-13 17:03:03 发布 · 1.1w 阅读 · 45 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript
本文详细介绍了在JavaScript中去除数组重复元素的五种常见方法：双重for循环、使用indexOf、lastIndexOf、Set对象以及利用对象属性的唯一性。这些方法各有优缺点，适用于不同的场景，帮助开发者更高效地处理数据。

1. 双重for循环，设置一个变量为没有重复的状态，如果有相同的值则跳过，不相同就push进数组

2.遍历数组，建立新数组，利用indexOf判断是否存在于新数组中，不存在就push到新数组中

3.用lastIndexOf和indexOf查找

4.利用set成员唯一性进行去重

5. 利用对象属性不能重复进行数组去重

 

aadcb
关注
JavaScript常见的五种数组去重的方式
11-26
大致介绍 JavaScript的数组去重问题在许多面试中都会遇到，现在做个总结 先来建立一个数组 var arr = [1,2,3,3,2,'我','我',34,'我的',NaN,NaN]; 第一种 思路：建立一个临时数组，用for循环去依次判断arr中的每个项在临时数组中是否有相同的值，如果没有则将这个值添加到临时数组，如果有相同的值则不添加，最后返回这个临时数组 代码： Array.prototype.removeDuplicate = function(){ var n = []; for(var i=0;i<this.length;i++){ if(n.indexOf(
js数组去重的五种方式
qq_45904018的博客
11-04 2389
1.第一种方式就是最简单的set去重： var aa=[23,45,23,23,34,2,34,66,78]; var aa=new set(aa); console.log(aa); 2.第2种方法就是用indexOf()来去重： var sum=[ ];//给它一个空的数组 for(var i=o;i<aa.Length;i++){ //如果没有找到字符串，则返回-1，检索是否存在。 if(sum.indexOf(aa[i]>=0){ continue;//结束本次循环
数组去重的几种方式
前端精髓
07-04 4万+
数组去重有很多种方式，最常用的就是使用Set进行去重，除了这种方式你还能想到其他的吗？今天就让我们一起聊聊关于数组去重的几种方式。 1、filter()和indexOf()实现去重 let originalArray = [1, 2, 3, 4, 1, 2, 3, 4] let uniqueArray = originalArray.filter((item, index, array) => { return array.indexOf(item) === index }) // uniqu
23、数组去重有哪些方式？
最新发布
2302_81102841的博客
04-13 117
你可以最后这样总结：现代写法Set，最简洁，适合基础类型数组；传统写法indexOfincludesfilter，适合考察基础原理；工程写法Map/ 自定义uniqueBy，适合对象数组和业务场景。实际开发中，我会优先考虑数据类型、是否保序、是否按字段去重，以及时间复杂度。
js数组去重(看完就懂了)
HuangZeJunXXX的博客
09-12 1253
一、利用ES6 Set去重（ES6中最常用） function unique (arr) { return Array.from(new Set(arr)) } var arr = [1,1,‘true’,‘true’,true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,‘NaN’, 0, 0, ‘a’, ‘a...
数组去重（5种方法均可）
JingJing_88ya的博客
12-19 1661
1、通过sort排序，比较arr[i]与arr[i+1],如果相等则证明重复，利用splice删除即可，如果时正序遍历的话记得改变下标为递减状态，倒序则不用； arr.sort((a, b) => b - a); for(i=0;i<arr.length;i++){ if(arr[i] == arr[i + 1]){ arr.splice(i,1); i--; } } 2、两个数相减为0证明相等即重复，双重for循环遍历删除； ...
js数组去重(包含ES5,ES6多种方法)
qq_15506981的博客
11-17 1398
1.ES5常用方法 let arr =[1,2,2,3,4,4,4,4,7] for(let i =0;i<arr.length;i++){ //对数组进行遍历,用第一个依次和后面的进行比较 for(let j=i+1;j<arr.length;j++){ //如果相等就将后面相等的删除,并且删除后下标-1 if(arr[i]==arr[j]){ arr.splice(j,1) i-- }
js数组去重的5种方法
lelara的博客
02-22 6077
js数组去重五种方法 今天来聊一聊JS数组去重的一些方法，包括一些网上看到的和自己总结的，总共5种方法（ES5）。 第一种：遍历数组法 这种方法最简单最直观，也最容易理解，代码如下： var arr = [2, 8, 5, 0, 5, 2, 6, 7, 2] var newArr = [] for (var i = 0; i &lt; arr.length; i++) { ...
数组去重主要的5种方法，
热门推荐
qq_42957741的博客
01-06 5万+
数组去重的方法 一、利用ES6 Set去重（ES6中最常用） var arr = [1,1,8,8,12,12,15,15,16,16]; function unique (arr) { return Array.from(new Set(arr)) } console.log(unique(arr)) //[1,8,12,15,16] 不考虑兼容性，这种去重的方法代码最少。这种方法还无...
es5、es6数组去重方法
qq_38830589的博客
10-10 947
es5 数组去重：indexOf 方法； es6 数组去重：rest 和 Set、Array.from 和 Set
数组去重的5种常用方法
weixin_46579411的博客
06-13 2484
1、利用indexOf功能的特点： 根据数据查找所在的索引，没有数据的话就返回 -1 var arr = [1,1,2,3,4,6,2,3]; var newArr = []; for(var i =0;i<arr.length;i++){ if(newArr.indexOf(arr[i]) == -1){ newArr.push(arr[i]); } } console.log(newArr); 2、将数组
数组去重10种方法（干货）！！！
m0_62284513的博客
09-16 2万+
JavaScript数组去重的10种方法
数组去重的方法（十种方法）
lurenlinshen的博客
12-11 6590
数组去重的方法
【面试题】数组去重的五种方法（必会）
web全栈开发的博客
10-17 4850
您或许会疑惑，网上那么多去重方法，这篇文章还有什么意义？别着急，这篇文章只节选了简单的，好玩的，古老的，有实际讲解意义的去重方法,除了去重的实现以外，我还将和您分享这其中的其他细节和拓展。您或许不理解，为什么只有五种？当然，我可以举例出更多的例子来，但那有什么意义呢？工作中用不到那么多，会其中一二就可以。即使是面试，能说出五种也是完全足够的。所以，我们完全没有必要去记忆更多的去重方式。
js 数组去重
光
06-14 1637
1、双层循环 双层循环，外层循环元素，内层循环时比较值 如果有相同的值则跳过，不相同则push进数组 Array.prototype.distinct = function(){ var arr = this, result = [], i, j, len = arr.length; for(i = 0; i &amp;amp;lt; len; i++){ for(j = i + 1...
记录--数组去重的五种方法
林恒的博客
02-13 872
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 您或许会疑惑，网上那么多去重方法，这篇文章还有什么意义？ 别着急，这篇文章只节选了简单的，好玩的，古老的，有实际讲解意义的去重方法,除了去重的实现以外，我还将和您分享这其中的其他细节和拓展。 您或许不理解，为什么只有五种？ 当然，我可以举例出更多的例子来，但那有什么意义呢？工作中用不到那么多，会其中一二就可以。即使是面试，能...
五个方法告诉你，如何去除数组中重复元素
夏天的博客
03-12 8027
每种方法都有其优缺点，你可以根据具体的场景和需求选择最适合的方法。在性能敏感的场景下，使用Set或Map通常会比使用循环更高效。
对象数组去重五种方式
weixin_54018434的博客
06-26 6092
1.双for循环去重。2.map方式。3.forEach与includes去重。4.indexof去重。5.对象访问属性的方法。
超全的12种数组去重的方法
m0_64564920的博客
04-19 4万+
前言 数组去重，可以说是一个比较常见的面试题，今天来盘点一下都有哪些方法可以实现数组去重。 方法1、双重for循环 这是一个最笨的方法，双重循环。 var arr = [1, 2, 3,4 ,5,6, 4, 3, 8, 1] // 数组去重： // 方法1： 双重for 循环 function newArrFn (arr) { // 创建一个新的空数组 let newArr = [arr[0]] for(let i = 1;i<arr.len
JavaScript数组去重的12种方法
icemwj的博客
10-13 6836
1、利用 ES6 Set 去重（ES6 中最常用） Set 对象是 ES6 中新定义的数据结构，类似于数组，它允许你存储任何类型的唯一值，不管是原始值还是对象引用。 Array.from() 方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 var arr = [1, 1, 'true', 'true', true, true, 15, 15, false, false, undefined, undefined, null, null, NaN, NaN, 'NaN', 0, 0, 'a
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值