js数组去重的10种方法

目录

方法 1: 利用 ES6的set 方法和解构赋值——最常用、最简单。

方法2: 利用数组原型对象上的 lastIndexOf 方法——以前常用，逐渐被include代替

方法3: 利用数组原型对象上的 splice 方法。

方法4  利用数组原型对象上的 forEach 和 includes方法——includes很强大

方法5  利用数组原型对象上的 filter 和 includes方法。

方法6:  利用数组原型对象上的includes方法。

方法7   利用数组的indexOf下标属性来查询。

方法8:  利用对象属性存在的特性，如果没有该属性则存入新数组。

方法9: 

方法10:

---

方法 1: 利用 ES6的set 方法和解构赋值——最常用、最简单。

这个方法是es6之后加入的，是最简单的一种方法。

Set是一种结构，是一种不重复值的集合，如：{1,2,3}。它的特性之一就是里面的每一个值都是不重复的；

[...new Set(arr)] 意思是将Set结构解构赋值为数组。

1.  
   function Unrepeated1(arr) {
2.  
   return [...new Set(arr)]
3.  
   }
4.  
   console.log(Unrepeated1([1,1,2,2,3,3]));
5.  
   // 结果是[1, 2, 3]

---

方法2: 利用数组原型对象上的 lastIndexOf 方法——以前常用，逐渐被include代替

思路： 定义一个空数组，遍历这个原数组，如果空数组没有这个数就往空数组里加入，有的话就不操作。

lastIndeOf():返回指定字符串值最后出现的位置，从后向前搜索,找不到返回-1

1.  
   function Unrepeated2(arr) {
2.  
   var res = [];
3.  
   for (var i = 0; i < arr.length; i ) {
4.  
   res.lastIndexOf(arr[i]) !== -1 ? '' : res.push(arr[i]);
5.  
   }
6.  
   return res;
7.  
   }
8.  
   console.log(Unrepeated2([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
9.  
   // 结果是[1, 2, 3, 5, 6, 7, 4]

---

方法3: 利用数组原型对象上的 splice 方法。

思路是：双层遍历数组，举例：如果第一项是数字1，那么第二层遍历从第二项开始，如果后面也找到1，就把1删除。

splice（）：用于删除数组元素，splice（j，1）j代表数组索引是j,1代表删除1个

1.  
   function Unrepeated3(arr) {
2.  
   var i,j,len = arr.length;
3.  
   for (i = 0; i < len; i ) {
4.  
   for (j = i 1; j < len; j ) {
5.  
   if (arr[i] == arr[j]) {
6.  
   arr.splice(j, 1);
7.  
   len--;
8.  
   j--;
9.  
   }
10.  
    }
11.  
    }
12.  
    return arr;
13.  
    }
14.  
    console.log(Unrepeated3([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));

---

方法4 利用数组原型对象上的 forEach 和 includes方法——includes很强大

思路：定义一个空数组，遍历原数组，再遍历空数组，如果空数组里面含有原数组的项就添加进空数组，如果空数组已经有了，就不再操作。

includes：表示是否含有，返回布尔值，说的也是它以后会替代indexof。是es6新增的很强大的一个api，不止数组可以用，对象，字符串都可以用。

1.  
   function Unrepeated4(arr) {
2.  
   let newArr = [];
3.  
   arr.forEach(item => {
4.  
   return newArr.includes(item) ? '' : newArr.push(item);
5.  
   });
6.  
   return newArr;
7.  
   }
8.  
   console.log(Unrepeated4([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
9.  
   // 结果是[1, 2, 3, 4, 5, 6, 7]

---

方法5 利用数组原型对象上的 filter 和 includes方法。

和方法4类似的思路，只不过foreach includes换成了filter includes

1.  
   function Unrepeated5(arr) {
2.  
   var newArr = []
3.  
   newArr = arr.filter(function (item) {
4.  
   return newArr.includes(item) ? '' : newArr.push(item)
5.  
   })
6.  
   return newArr
7.  
   }
8.  
   console.log(Unrepeated5([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
9.  
   // 结果是[1, 2, 3, 5, 6, 7, 4]

---

方法6: 利用数组原型对象上的includes方法。

这个方法可以作为一般性解法，代码可以进一步简化。

1.  
   function Unrepeated6(arr) {
2.  
   var newArr = []
3.  
   for (var i = 0; i < arr.length; i ) {
4.  
   if (!newArr.includes(arr[i])) {
5.  
   newArr.push(arr[i])
6.  
   }
7.  
   }
8.  
   return newArr
9.  
   }
10.  
    console.log(Unrepeated6([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
11.  
    // 结果是[1, 2, 3, 5, 6, 7, 4]

---

方法7：利用数组的indexOf下标属性来查询。

思路和上面的类似

1.  
   function Unrepeated7(arr) {
2.  
   var newArr = []
3.  
   for (var i = 0; i < arr.length; i ) {
4.  
   if (newArr.indexOf(arr[i])===-1) {
5.  
   newArr.push(arr[i])
6.  
   }
7.  
   }
8.  
   return newArr
9.  
   }
10.  
    console.log(Unrepeated7([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
11.  
    // 结果是[1, 2, 3, 5, 6, 7, 4]

---

 方法8: 利用对象属性存在的特性，如果没有该属性则存入新数组。

这个方法兼容性比较好。思路是用一个空对象来标记，通过遍历，动态的设置对象的属性，以此来区分是否重复。

1.  
   function Unrepeated8(arr) {
2.  
   var obj={}
3.  
   var newArr=[]
4.  
   for (let i = 0; i < arr.length; i ) {
5.  
   if (!obj[arr[i]]) {
6.  
   obj[arr[i]] = 1
7.  
   newArr.push(arr[i])
8.  
   }
9.  
   }
10.  
    return newArr
11.  
    }
12.  
    console.log(Unrepeated8([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
13.  
    // 结果是[1, 2, 3, 5, 6, 7, 4]

---

方法9: 

思路：先将原数组排序，在与相邻的进行比较，如果不同则存入新数组。

1.  
   function Unrepeated9(arr) {
2.  
   var formArr = arr.sort()
3.  
   var newArr=[formArr[0]]
4.  
   for (let i = 1; i < formArr.length; i ) {
5.  
   if (formArr[i]!==formArr[i-1]) {
6.  
   newArr.push(formArr[i])
7.  
   }
8.  
   }
9.  
   return newArr
10.  
    }
11.  
    console.log(Unrepeated9([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
12.  
    // 结果是[1, 2, 3, 4,5, 6, 7]

---

方法10:

思路：定义一个新数组，并存放原数组的第一个元素，然后将元素组一个一个地和新数组的元素对比，若不同则存放在新数组中。

1.  
   function Unrepeated10(arr) {
2.  
   let newArr = [arr[0]];
3.  
   for (let i = 1; i < arr.length; i ) {
4.  
   let repeat = false;
5.  
   for (let j = 0; j < newArr.length; j ) {
6.  
   if (arr[i] === newArr[j]) {
7.  
   repeat = true;
8.  
   break;
9.  
   }else{
10.  
     
11.  
    }
12.  
    }
13.  
    if (!repeat) {
14.  
    newArr.push(arr[i]);
15.  
    }
16.  
    }
17.  
    return newArr;
18.  
    }
19.  
     
20.  
    console.log(Unrepeated10([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
21.  
    // 结果是[1, 2, 3, 5, 6, 7, 4]

这篇好文章是转载于：学新通技术网