数组去重三种方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了数组去重三种方法相关的知识,希望对你有一定的参考价值。

参考技术A         function noRepeat(arr)

             var arr2 = [];

             for(var i = 0; i < arr.length; i++)

                // 如果arr[i]不存在arr2中,把元素添加到arr2中

                 if(arr2.indexOf(arr[i]) == -1)

            -- 或者 if(arr.indexOf(arr[i]) == i) 也一样可以--

                     arr2.push(arr[i]);

               

           

             return arr2;

         

         var arr = [1,2,32,1,1,2,3,4,5]

        arr = noRepeat(arr);

        console.log(arr);

    var arrNum = [1,'a', 'a', 'a',2,2,3,3,3,3,3,4,4];

使用这种方法,占用内存更少

思路:每次取出原数组的元素,然后再对象中访问这个属性,如果存在就说明重复,

function unique(arr)

  var res =[];

  var json = ;

  for(var i=0;i<arr.length;i++)

//对象中不存在这个属性,输出值为undefined,布尔值为false

    if(!json[arr[i]])

      res.push(arr[i]);

      json[arr[i]] = 1;

    

  

  return res;



var arr=[1,5,8,8,8,5,2,1,1,5]

var np=new Set(arr)

//扩展运算符    去除外壳

var arr2=[...np]

js 数组去重三种方法总结

第一种是比较常规的方法

思路:

1.构建一个新的数组存放结果

2.for循环中每次从原数组中取出一个元素,用这个元素循环与结果数组对比

3.若结果数组中没有该元素,则存到结果数组中

复制代码代码如下:
Array.prototype.unique1 = function()
 var res = [this[0]];
 for(var i = 1; i < this.length; i++)
  var repeat = false;
  for(var j = 0; j < res.length; j++)
   if(this[i] == res[j])
    repeat = true;
    break;
   
  
  if(!repeat)
   res.push(this[i]);
  
 
 return res;

var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]
alert(arr.unique1());

第二种方法比上面的方法效率要高

思路:

1.先将原数组进行排序

2.检查原数组中的第i个元素 与 结果数组中的最后一个元素是否相同,因为已经排序,所以重复元素会在相邻位置

3.如果不相同,则将该元素存入结果数组中

复制代码代码如下:
Array.prototype.unique2 = function()
 this.sort(); //先排序
 var res = [this[0]];
 for(var i = 1; i < this.length; i++)
  if(this[i] !== res[res.length - 1])
   res.push(this[i]);
  
 
 return res;

var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]
alert(arr.unique2());

第二种方法也会有一定的局限性,因为在去重前进行了排序,所以最后返回的去重结果也是排序后的。如果要求不改变数组的顺序去重,那这种方法便不可取了。

第三种方法(推荐使用)

思路:

1.创建一个新的数组存放结果

2.创建一个空对象

3.for循环时,每次取出一个元素与对象进行对比,如果这个元素不重复,则把它存放到结果数组中,同时把这个元素的内容作为对象的一个属性,并赋值为1,存入到第2步建立的对象中。

说明:至于如何对比,就是每次从原数组中取出一个元素,然后到对象中去访问这个属性,如果能访问到值,则说明重复。

复制代码代码如下:
Array.prototype.unique3 = function()
 var res = [];
 var json = ;
 for(var i = 0; i < this.length; i++)
  if(!json[this[i]])
   res.push(this[i]);
   json[this[i]] = 1;
  
 
 return res;

var arr = [112,112,34,'你好',112,112,34,'你好','str','str1'];
alert(arr.unique3());


<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title></title>  
 <script type="text/javascript">
	Array.prototype.unique = function () 
		var res = [];
		var json = ;
		for(var i=0;i<this.length;i++) 
			if(!json[this[i]]) 
				res.push(this[i]);
				json[this[i]] = 1;
			
		
		return res;
	

	var arr = [112,112,34,'你好',112,112,34,'你好','str','str1'];
	alert(arr.unique());
 </script> 
 </head>
<body>
  
</body>
</html>

以上是关于数组去重三种方法的主要内容,如果未能解决你的问题,请参考以下文章

js 数组去重三种方法总结

js 数组去重三种方法总结

数组去重的三种方法

数组去重的三种方法

数组去重的三种方法

数组去重的三种方法