数组去重

素颜马尾好姑娘i 2022-05-25 03:42 308阅读 0赞

//第一种  
  
  
// ES6 部署了 Set 以及 Array.from 方法，太强大了！如果浏览器支持，完全可以这样：  
function unique1(arr) \{  
  return Array.from(new Set(arr));  
\}  
var a = \[1,2,2,6,6,6,9,99\];  
var aa = unique1(a)  
console.log(aa); // => \[Object, Object, String, Number\]  
  
  
//第二种   
  
  
//删除后面重复的元素splice  
function unique2(arr)\{  
for(var i = 0;i<arr.length;i++)  
for(var j = i+1;j<arr.length;j++)  
if(arr\[i\]===arr\[j\])\{  
arr.splice(j,1);  
j--;  
\}  
// return arr  
return arr.sort(function(m,n)\{  
return m-n  
\});  
\}  
  
var b = \[1,22,22,16,16,6,88\];  
var bb = unique2(b)  
console.log(bb);  
  
  
//第三种  
  
  
//相互比较的元素，碰到相同的则跳出循环push  
function unique3(arr)\{  
var i, j, newArr = \[\], l = arr.length;  
for(i = 0;i<l;i++)\{  
for(j=i+1;j<l;j++)\{  
if(arr\[i\] === arr\[j\])\{  
j = false;  
break;  
\}  
\}  
if(j) newArr.push(arr\[i\]);  
\}  
  
//         return newArr  
return newArr.sort(function(m,n)\{  
return m-n  
\});  
  
\}  
  
var c = \[5,25,9,9,26,26,68\];  
var cc = unique3(c)

console.log(cc);

备注：

ES6中新增了`Set`数据结构，类似于数组，但是 它的成员都是唯一的 ，其构造函数可以接受一个数组作为参数，如：

let array = [1, 1, 1, 1, 2, 3, 4, 4, 5, 3];
     let set = new Set(array);
     console.log(set);

这里返回的数据结构如图：

它是一种类似的数组结构的假数组形式，我们无法用正常的数组遍历来循环数组，我用四种数组遍历方式进行了循环，其中之后forEach能勉强循环出来，

能得到数据，但是无法获得下标，那么如何得到真正的数组形式呢，那么就要用到第二个函数

2.ES6中`Array`新增了一个静态方法`Array.from`，可以把类似数组的对象转换为数组

let array = Array.from(new Set([1, 1, 1, 2, 3, 2, 4]));
    console.log(array);

这样我们就实现了一行代码实现去重。