js-实现数组去重的几种方式

xyc

  做项目中难免会遇到数组如何去重的问题，下面我们就来说说几种js去重的方法。

1.indexOf方法：新建一个数组，再遍历去重的数组，如果当前元素不在新数组的话，就加入到新数组当中

[JavaScript] 纯文本查看 复制代码

    function getArr(arr){
    	var newArr = [];
	    for(var i = 0; i < arr.length; i++){
	        if(newArr.indexOf(arr[i]) == -1){
	            newArr.push(arr[i])
	        }
	    }
	    return newArr;
	}       
	
	var arr = [1,2,2,3,4,4,5,1,3];
	console.log(getArr(arr));

2.遍历数组法：双层循环

[JavaScript] 纯文本查看 复制代码

	function getArr(arr){
	    var newArr = [];
	    for(var i = 0; i < arr.length; i++){
	        for(var j = i+1; j < arr.length; j++){
	            if(arr[i] == arr[j]){
	                ++i;
	            }
	        }
	        newArr.push(arr[i]);
	    }
	    return newArr;
	}
	var arr = [1,2,2,3,5,3,6,5,2,3,4];
	console.log(getArr(arr));

3.利用对象的属性不能相同的特点去重：新建一个数组和一个空对象，for循环时，每次取出一个元素与对象进行对比，如果这个元素不重复，则把它存放到结果数组中，同时把这个元素的内容作为对象的一个属性，并赋值为1，存入到建立的对象中。

[JavaScript] 纯文本查看 复制代码

function getArr(arr){
	    var res = [];
	    var obj = {};
	    for(var i=0; i<arr.length; i++){
	       if( !obj[arr[i]] ){
	            obj[arr[i]] = 1;
	            res.push(arr[i]);
	        }
	    } 
	 return res;
	}
	
	var arr = [1,2,2,3,5,3,6,5,2,3,4,7];
	console.log(getArr(arr));

4.ES6数组去重：set方法

[JavaScript] 纯文本查看 复制代码

function getArr(arr){
	 //Set数据结构，它类似于数组，其成员的值都是唯一的
	 return Array.from(new Set(arr)); // 利用Array.from将Set结构转换成数组
	}
	
	var arr = [1,2,2,3,5,3,6,5,2,3,4,7];
	console.log(getArr(arr));

以上就是总结的js去重的几种方法，希望可以帮助到大家！