Methods 1: 思路：定義一個(gè)新數(shù)組，并存放原數(shù)組的第一個(gè)元素，然后將元素組一一和新數(shù)組的元素對比，若不同則存放在新數(shù)組中。

 ? ?function unique(arr) {
 ? ? ? ?let newArr = [arr[0]];
 ? ? ? ?for (let i = 1; i < arr.length; i  ) {
 ? ? ? ? ? ?let repeat = false;
 ? ? ? ? ? ?for (let j = 0; j < newArr.length; j  ) {
 ? ? ? ? ? ? ? ?if (arr[i] === newArr[j]) {
 ? ? ? ? ? ? ? ? ? ?repeat = true;
 ? ? ? ? ? ? ? ? ? ?break;
 ? ? ? ? ? ? ?  }else{
 ? ? ? ? ? ? ? ? ? ?
 ? ? ? ? ? ? ?  }
 ? ? ? ? ?  }
 ? ? ? ? ? ?if (!repeat) {
 ? ? ? ? ? ? ? ?newArr.push(arr[i]);
 ? ? ? ? ?  }
 ? ? ?  }
 ? ? ? ?return newArr;
 ?  }
 
 ? ?console.log(unique([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
 ? ?// 結(jié)果是[1, 2, 3, 5, 6, 7, 4]

Methods 2: 思路：先將原數(shù)組排序，在與相鄰的進(jìn)行比較，如果不同則存入新數(shù)組。

 ? ?function unique2(arr) {
 ? ? ? ?var formArr = arr.sort()
 ? ? ? ?var newArr=[formArr[0]]
 ? ? ? ?for (let i = 1; i < formArr.length; i  ) {
 ? ? ? ? ? ?if (formArr[i]!==formArr[i-1]) {
 ? ? ? ? ? ? ? ?newArr.push(formArr[i])
 ? ? ? ? ?  }
 ? ? ?  }
 ? ? ? ?return newArr
 ?  }
 ? ?console.log(unique2([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
 ? ?// 結(jié)果是[1, 2, 3,  4,5, 6, 7]

Methods 3: 利用對象屬性存在的特性，如果沒有該屬性則存入新數(shù)組。

 ?  function unique3(arr) {
 ? ? ?  var obj={}
 ? ? ?  var newArr=[]
 ? ? ?  for (let i = 0; i < arr.length; i  ) {
 ? ? ? ? ?  if (!obj[arr[i]]) {
 ? ? ? ? ? ? ?  obj[arr[i]] = 1
 ? ? ? ? ? ? ?  newArr.push(arr[i])
 ? ? ? ? ?  } ? 
 ? ? ?  }
 ? ? ?  return newArr
 ?  }
 ?  console.log(unique2([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
 ?  // 結(jié)果是[1, 2, 3, 5, 6, 7, 4]

Methods 4: 利用數(shù)組的indexOf下標(biāo)屬性來查詢。

 ? ?function unique4(arr) {
 ? ? ? ?var newArr = []
 ? ? ? ?for (var i = 0; i < arr.length; i  ) {
 ? ? ? ? ? ?if (newArr.indexOf(arr[i])===-1) {
 ? ? ? ? ? ? ? ?newArr.push(arr[i])
 ? ? ? ? ?  }
 ? ? ?  }
 ? ? ? ?return newArr
 ?  }
 ? ?console.log(unique4([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
 ? ?// 結(jié)果是[1, 2, 3, 5, 6, 7, 4]

Methods 5: 利用數(shù)組原型對象上的includes方法。

 ? ?function unique5(arr) {
 ? ? ? ?var newArr = []
 ? ? ? ?for (var i = 0; i < arr.length; i  ) {
 ? ? ? ? ? ?if (!newArr.includes(arr[i])) {
 ? ? ? ? ? ? ? ?newArr.push(arr[i])
 ? ? ? ? ?  }
 ? ? ?  }
 ? ? ? ?return newArr
 ?  }
 ? ?console.log(unique5([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
 ? ?// 結(jié)果是[1, 2, 3, 5, 6, 7, 4]

Methods 6: 利用數(shù)組原型對象上的 filter 和 includes方法。

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

Methods 7: 利用數(shù)組原型對象上的 forEach 和 includes方法。

 ? ?function unique7(arr) {
 ? ? ? ?var newArr = []
 ? ? ? ?array.forEach(item => {
 ? ? ? ? ? ?return newArr.includes(item) ? '' : newArr.push(item)
 ? ? ?  });
 ? ? ? ?return newArr
 ?  }
 ? ?console.log(unique7([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
 ? ?// 結(jié)果是[1, 2, 3, 5, 6, 7, 4]

Methods 8: 利用數(shù)組原型對象上的 splice 方法。

 ? ?function unique8(arr) {
 ? ? ? ?var i,j,len = arr.length;
 ? ? ? ?for (i = 0; i < len; i  ) {
 ? ? ? ? ? ?for (j = i   1; j < len; j  ) {
 ? ? ? ? ? ? ? ?if (arr[i] == arr[j]) {
 ? ? ? ? ? ? ? ? ? ?arr.splice(j, 1);
 ? ? ? ? ? ? ? ? ? ?len--;
 ? ? ? ? ? ? ? ? ? ?j--;
 ? ? ? ? ? ? ?  }
 ? ? ? ? ?  }
 ? ? ?  }
 ? ? ? ?return arr;
 ?  }
 ? ?console.log(unique8([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));

Methods 9: 利用數(shù)組原型對象上的 lastIndexOf 方法。

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

Methods 10: 利用 ES6的set 方法。

    function unique10(arr) {
        //Set數(shù)據(jù)結(jié)構(gòu)，它類似于數(shù)組，其成員的值都是唯一的
        return Array.from(new Set(arr)); // 利用Array.from將Set結(jié)構(gòu)轉(zhuǎn)換成數(shù)組
    }
    console.log(unique10([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
    // 結(jié)果是[1, 2, 3, 5, 6, 7, 4]

?