JavaScript数组去重的几种方法

Posted 2022-04-17 guojiayu

方法一：

var arr = [0,2,3,4,4,0,2];

var obj = ;

var tmp = [];

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

   if( !obj[arr[i]] )

      obj[arr[i]] = 1;

      tmp.push(arr[i]);

console.log(tmp);

 

结果如下： [0, 2, 3, 4]

 方法二：

var arr = [2,3,4,4,5,2,3,6],

   arr2 = [];

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

    if(arr2.indexOf(arr[i]) < 0)

        arr2.push(arr[i]);

console.log(arr2);

 

结果为：[2, 3, 4, 5, 6]

 方法三：

var arr = [2,3,4,4,5,2,3,6];

?

var arr2 = arr.filter(function(element,index,self)

?

return self.indexOf(element) === index;

?

);

?

console.log(arr2);

 

结果为：[2, 3, 4, 5, 6]

方法四：

var arr = [1,2,3,4,2,3];

var arr2 = [];

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

    if(!arr2.includes(arr[i]))

       arr2.push(arr[i]);

console.log(arr2);

 

结果为：[1, 2, 3, 4]

方法五：ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。

 

function unique(arr) 

  return [...new Set(arr)]

var arr = [1,2,3,3,3,2];

unique(arr);

 

结果为：[1, 2, 3]