博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
原生JS数组去重的几种方法
阅读量:6722 次
发布时间:2019-06-25

本文共 1003 字,大约阅读时间需要 3 分钟。

有时候我们做项目的时候往往会需要把数组里面一些重复的项去掉,但是原生JS有排序,有筛选等等,但是就是没有数组去重怎么办呢?

这能怎么办,自己手动实现嘛。(以下代码直接在原型上添加的的方法,为的就是和原生JS方法类似)可以达到Array.xxx()这样的效果

第一种方法:创建空数组利用indexOf方法检测就数组的项是否在新数组中。

Array.prototype.unique=function(){  var arr=[];//创建新数组  for(var i=0;i

 

第二种方法:创建空数组和空对象,判断数组是否在对象中

Array.prototype.unique=function(){var tmp={},arr=[]for(var i=0;i<this.length;i++){if(!tmp[this[i]]){
//如果tmp中没有this[i]tmp[this[i]]=true;//存入arr.push(this[i]);//添加到新数组中}}return arr}//调用:ary.unique()

第三种方法:下标判断法

Array.prototype.unique=function(){var arr=[this[0]];for(var i=1;i

第四种方法:排序后在去重

Array.prototype.unique=function(){var arr=[];this.sort()for(var i=0;i

第五种方法:黑科技new Set数组去重

首先我们先介绍下new Set

new Set是来自于ES6,Set对象是值的集合,你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次,即 Set 中的元素是唯一的。

大家可以去看下MDN文档链接地址:

下面给出代码!

[...new Set([1,1,2,2,3,3])];//[1,2,3]

代码就这一句,利用的是Set中的元素是唯一的,只会出现一次的特性,这里还有一个概念:“...”

…(扩展运算符)

扩展运算符:将一个数组转为用逗号分隔的参数序列

这样以来就很清楚了,黑科技是不是很神奇,其实这也是大厂的一道面试题,说的是请用最少的代码实现数组去重

新人如有错误,往指正,以免误导别人~拜谢!

转载于:https://www.cnblogs.com/fakin/p/7484617.html

你可能感兴趣的文章
数论17——反演定理(二项式反演)
查看>>
第十八章 用于大型程序的工具
查看>>
ASP.NET 2.0学习笔记之Object Tag Syntax
查看>>
Redis 配置文件
查看>>
Jmeter Smock Test规范设计
查看>>
MurmurHash算法:高运算性能,低碰撞率的hash算法
查看>>
Download error: unknown url type: https
查看>>
vagrant虚拟机共享目录在windows宿主下的禁忌
查看>>
数据表操作类
查看>>
[v9] 列表页 调用 正文内容 或 自定义 字段(moreinfo的调用方法)
查看>>
php截取指定字符串之间的字符串的类
查看>>
C# 根据Excel模版导出文件
查看>>
Oracle与DB2的区别
查看>>
bzoj 2500 幸福的道路 树上直径+set
查看>>
新iPad未到 老iPad价格反弹
查看>>
[转载] 建党伟业
查看>>
内核参数优化之1 keepalive解析
查看>>
django F表达式、Q表达式、annotate、order_by
查看>>
B和strong以及i和em的区别(转)
查看>>
CSS text-transform 属性——转换文本的大小写格式
查看>>