原生JS数组去重的几种方法

有时候我们做项目的时候往往会需要把数组里面一些重复的项去掉,但是原生JS有排序,有筛选等等,但是就是没有数组去重怎么办呢?
这能怎么办,自己手动实现嘛。(以下代码直接在原型上添加的的方法,为的就是和原生JS方法类似)可以达到Array.xxx()这样的效果

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

Array.prototype.unique=function(){
  var arr=[];//创建新数组
  for(var i=0;i<this.length;i++){ //遍历当前数组
  if(arr.indexOf(this[i]===-1)){//如果等于-1,那么也是就是新数组中有一项和当前数组一样
    arr.push(this[i])
 }
}
 return arr;
}//调用:ary.unique()

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

Array.prototype.unique=function(){
var tmp={},arr=[]
for(var i=0;i&lt;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<this.length;i++){ //遍历当前数组,从第二项开始遍历
if(this.indexOf(this[i]===i)){//如果当前数组的第i项是i那么就存入新的数组
arr.push(this[i])
}
}
return arr;
}
//调用:ary.unique()

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

Array.prototype.unique=function(){
var arr=[];
this.sort()
for(var i=0;i<this.length;i++){
if(this[i]!==arr[arr.length-1]){
arr.push(this[i])
}
}
return arr;
}
//调用:ary.unique()

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


首先我们先介绍下new Set

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

大家可以去看下MDN文档链接地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Set

下面给出代码!

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

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

…(扩展运算符)

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

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

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

时间: 2024-10-19 21:06:41

原生JS数组去重的几种方法的相关文章

js数组去重的4种方法

js数组去重,老生长谈,今天对其进行一番归纳,总结出来4种方法 贴入代码前 ,先对浏览器Array对象进行支持indexOf和forEach的polyfill Array.prototype.indexOf = Array.prototype.indexOf || function(item) { for (var i = 0, j = this.length; i < j; i++) { if (this[i] === item) { return i; } } return -1; } Ar

js数组去重的两种方法

数组去重这种问题经常会遇到,解决方法也有很多,这里就总结两种比较常用的方法. 方法一 第一种方法的思路:遍历数组里的元素,由第一个元素开始依次按照顺序与其后面的元素相比较,如果不同则不用管,相同则把其后所被比较的元素去除.这样所有元素循环一遍,数组中重复的元素就能全部去除. 代码: <script> var arr = [1, 5, 7, 6, 3, 2, 5, 4, 6, 9, 5, 1, 2, 3, 5, 4, 8, 9, 5, 4, 5, 0];     for (var i = 0;

js数组去重的几种方法

三种方法 利用indexOf判断新数组 underscore.js中实际上也是使用的类似的indexOf //传入数组 function unique1(arr){ var tmpArr = []; for(var i=0; i<arr.length; i++){ //如果当前数组的第i已经保存进了临时数组,那么跳过, //否则把当前项push到临时数组里面 if(tmpArr.indexOf(arr[i]) == -1){ tmpArr.push(arr[i]); } } return tmp

JS数组去重的三种方法

<!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title>数组去重</title>     </head>     <body>         <script type="text/javascript">             //注意有一个元素是空的

js数组去重的四种方法

//第一种方法 Array.prototype.removeDuplicate = function() { var n = []; for (var i = 0; i < this.length; i++) { if (n.indexOf(this[i]) == -1) { n.push(this[i]); } } return n; } var arr = [1, 2, 3, 3, 2, '我', '我', 34, '我', NaN, NaN]; var m1 = arr.removeDup

JS — 数组去重(4种方法)

第一种:双重循环 var strCode='zxcvbnmasdfghjklopiuytrewqAWEDRFTGYHUJIK'; var str=''; for(var i=0;i<4;i++){ var rand=Math.round(Math.random()*61); if(str.indexOf(strCode.charAt(rand))==-1){ str+=strCode.charAt(rand); }else{ i--; } } console.log(str); 第二种:新数组 

JS 数组去重的四种方法

1.通过遍历原数组和新数组是否重复.new一个新数组存放已经遍历过的.唯一的元素. function uniqueArr(list){ var newArr= [list[0]]; for(var i=1;i<list.length;i++){ var isRepeat = false; for(var j=0;j<newArr.length;j++){ if(list[i] == newArr[j]){ isRepeat= true; break; } } if(!isRepeat){ ne

js 数组去重的三种方法(unique)

方法一: Array.prototype.unique=function(){ var arr=[];//新建一个临时数组 for(var i=0;i<this.length;i++){//遍历当前数组 if(arr.indexOf(this[i])==-1){//当前数组的第i个值在新数组中找不到,则添加到新数组中去 arr.push(this[i]); } } return arr; }; 方法二: Array.prototype.unique=function(){ var arr=[];

js中数组去重的几种方法

js中数组去重的几种方法         1.遍历数组,一一比较,比较到相同的就删除后面的                 function unique(arr){                         for(var i=0;i<arr.length;i++){                                 for(var j=i+1;j<arr.length;j++){                                         if(ar