聊聊数组去重的五种方法

最新推荐文章于 2023-02-13 17:50:00 发布
最新推荐文章于 2023-02-13 17:50:00 发布
阅读量216 收藏
点赞数
分类专栏： js 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_64252848/article/details/124177072
版权

1.首先得有这么一个有重复元素的数组

我们想要拿到什么样的数组?

对!是这样滴!

方法一 set + Array.from

 

方法二 过滤器 + indexOf

方法三 includes + for循环 

 

方法四 splice + for循环 

 

方法五 万能reduce 

 顺便看看每次会打印出来什么

End------欢迎各位小伙伴补充 

 

 

稗子酒
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
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(
数组去重5种方法
aadcb的博客
04-09 1万+
1. 双重for循环，设置一个变量为没有重复的状态，如果有相同的值则跳过，不相同就push进数组 2.遍历数组，建立新数组，利用indexOf判断是否存在于新数组中，不存在就push到新数组中 3.用lastIndexOf和indexOf查找 4.利用set成员唯一性进行去重 5. 利用对象属性不能重复进行数组去重 ...
js数组去重的五种方式
qq_45904018的博客
11-04 2261
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;//结束本次循环
数组去重（5种方法均可）
JingJing_88ya的博客
12-19 1378
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循环遍历删除； ...
【面试题】数组去重的五种方法（必会）
web全栈开发的博客
10-17 4414
您或许会疑惑，网上那么多去重方法，这篇文章还有什么意义？别着急，这篇文章只节选了简单的，好玩的，古老的，有实际讲解意义的去重方法,除了去重的实现以外，我还将和您分享这其中的其他细节和拓展。您或许不理解，为什么只有五种？当然，我可以举例出更多的例子来，但那有什么意义呢？工作中用不到那么多，会其中一二就可以。即使是面试，能说出五种也是完全足够的。所以，我们完全没有必要去记忆更多的去重方式。
放开那些代码，聊聊工作方法
02-26
维基百科把责任分散定义为“…一种社会心理现象，当其他人在场的时候，人们不太可能付诸行动承担责任或者干脆不作为。”优先级弱化或没有优先级就制造了一种责任分散。团队感到重负不堪，干系人没有得到他们想要的...
聊聊AUTOSAR开发方法论
04-01
AUTOSAR 开发方法论
突破限制利用虚拟网轻松聊QQ的方法
10-01
你只需要请好友安装SoftEther，然后由它充当虚拟HUB;然后再在本机安装SoftEther，建立一块虚拟网卡，最后只要将虚拟网卡与HUB连接起来，组成一个虚拟的局域网，这样QQ就可以突破封锁了
五个方面，聊聊大数据可视化的初体验
02-24
各种统计指标呈现在页面上，如何美观而又一目了然地展示这些结果，并能清晰地实现课题项目的目标，以及完整、直观、生动地呈现产品要表达的“故事”，这是可视化和交互设计的重点内容。经过几个项目的实践，我想总结...
记录--数组去重的五种方法
林恒的博客
02-13 763
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 您或许会疑惑，网上那么多去重方法，这篇文章还有什么意义？ 别着急，这篇文章只节选了简单的，好玩的，古老的，有实际讲解意义的去重方法,除了去重的实现以外，我还将和您分享这其中的其他细节和拓展。 您或许不理解，为什么只有五种？ 当然，我可以举例出更多的例子来，但那有什么意义呢？工作中用不到那么多，会其中一二就可以。即使是面试，能...
数组常用去重的五种方式，简单易理解（最后有12中去重的链接详情）
weixin_46547740的博客
10-24 2054
1、利用new Set（）直接去重 最简单的方法，但不能去除空对象（ES6常用） 2、双for循环去重 当第二个循环的等于第一个循环的，将第二个元素splice（i，1）去除 i– （ES5常用） 3、利用indexOf查询去重 建立空数组，原数组循环，当空数组内查不到原数组的值时，将其push到新数组 if(newArr.indexOf(arr[i]) === -1） 4、利用includes查询去重， 与上面方法类似，将式子改为 if(！newArr.includes(arr[i])），然后pus
数组去重的几种方式
前端精髓
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
数组去重的五种常用方法
weixin_43183219的博客
03-10 873
数组去重的五种方法：set方法，双for循环＋splice，includes方法，sort方法，indexof方法
数组去重的5种方式
MarkJunHao的博客
08-04 553
!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;数组去重（5种）&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;/body&gt
数组去重主要的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] 不考虑兼容性，这种去重的方法代码最少。这种方法还无...
JS数组去重五种方法（已测试性能）
qq_41494464的博客
08-21 266
// 注：以下各个实现过程未封装函数，如有需要自行封装，执行测试时请分开执行，以免上次的执行结果影响下次测试时长 let arr = [] // 创建百万条百以内的整数数据 for(let i = 0;i < 1000000;i++){ arr.push(parseInt(Math.random() * 100)) } // 排序后根据与前一个是否相等判断是否放入新数组 console.t...
数组去重的5种常用方法
weixin_46579411的博客
06-13 2284
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、将数组
js中实现数组去重的5种方法
夏悠桥沐的专栏
08-28 4091
这是在逛网页的时候看到的方法，觉得以后会有用到的时候，就先收藏下来，这里是自己手敲的为了加深印象 遍历数组法最简单的去重方法，实现思路：新建一新数组，遍历传入数组，值不在新数组就加入该新数组中；注意点：判断值是否在在数组的方法“indexOf” 是ECMAScript5方法，IE8以下的不支持，需要多写一些兼容低版本浏览器代码，代码如下： function unique1(array){ v
超全的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
聊聊RibbonLoadBalancerClient的choose方法
最新发布
06-06
RibbonLoadBalancerClient的choose方法是用来选择一个可用的服务实例来处理请求的。该方法首先会通过Ribbon的负载均衡算法从可用的服务实例列表中选择一个服务实例，然后返回该实例的信息。 具体来说，该方法会先...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值