Js中去除数组中重复元素的6种方法

时间:2023-03-08 17:19:58

方法一:

     Array.prototype.method1 = function(){
var arr=[]; //定义一个临时数组
for(var i = 0; i < this.length; i++){ //循环遍历当前数组
//判断当前数组下标为i的元素是否已经保存到临时数组
//如果已保存,则跳过,否则将此元素保存到临时数组中
if(arr.indexOf(this[i]) == -1){
arr.push(this[i]);
}
}
return arr;
}

方法二:

        Array.prototype.method2 = function(){
var h={}; //定义一个hash表
var arr=[]; //定义一个临时数组 for(var i = 0; i < this.length; i++){ //循环遍历当前数组
//对元素进行判断,看是否已经存在表中,如果存在则跳过,否则存入临时数组
if(!h[this[i]]){
//存入hash表
h[this[i]] = true;
//把当前数组元素存入到临时数组中
arr.push(this[i]);
}
}
return arr;
}

方法三:

  Array.prototype.method3 = function(){
//直接定义结果数组
var arr=[] ;
for(var i = 1; i < this.length; i++){ //从数组第二项开始循环遍历此数组
//对元素进行判断:
//如果数组当前元素在此数组中第一次出现的位置不是i
//那么我们可以判断第i项元素是重复的,否则直接存入结果数组
if(this.indexOf(this[i]) == i){
arr.push(this[i]);
}
}
return arr; }

方法四:

   Array.prototype.method4 = function(){
//将数组进行排序
this.sort();
//定义结果数组
var arr=[];
for(var i = 1; i < this.length; i++){ //从数组第二项开始循环遍历数组
//判断相邻两个元素是否相等,如果相等说明数据重复,否则将元素写入结果数组
if(this[i] !== arr[arr.length - 1]){
arr.push(this[i]);
}
}
return arr; }

ext:

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

方法五:

const set=new Set([1,2,3,4,4]);
console.log([...set]);//[1,2,3,4];
//[...set]是一个扩展运算符,将一个数组转为用逗号分隔的参数列表。

方法六:

function dedupe(array){
return Array.from(new Set(array));
//这里的 Array.from()方法是将两类对象转为真正的数组:类似数组的对象和可遍历的对象(包括es6新增的数据结构Set和Map)
}

 dedupe([1,1,1,2,3]) //[1,2,3]