js数组去重

Posted foreverwaiting

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js数组去重相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <h3>数组去重的方法</h3>
</body>
<script>
  var arr = [
    1,1,‘1‘,‘1‘,true,true,‘true‘,‘true‘,false,
    ‘false‘,undefined,undefined,‘undefined‘,‘undefined‘,
    null,null,NaN,NaN,‘NaN‘,0,0,‘0‘,{},{},
  ];
// 第1//ES6 Set去重(ES6中最常用)
    //Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。
    //所谓类数组对象,最基本的要求就是具有length属性的对象。
    //set(es6提供新数据结构,类似数组,但成员值都是唯一的)。
    //方法:添加成员返回set本身add(value),删除成员返回布尔值表示是否删除成功delete(value),返回布尔值判断是否为set成员has(value),清除所有成员无返回值clear()
    //注:set内部两个NaN相等,两个对象总是不相等的,去重不了{}对象
    // function unique1(arr) {
    //   return Array.from(new Set(arr))
    // }
    // console.log(unique1(arr));
// 第2for嵌套for
    // NaN和{}没有去重,null直接都消失了
    // 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;
    // }
    // console.log(unique2(arr));
// 第3indexOf
    //indexOf,如果检测结果没有匹配值返回-1,匹配到返回1
    //NaN 和{}没有去重
    // function unique3(arr) {
    //     if(!Array.isArray(arr)){
    //       console.log(‘type error‘);
    //       return
    //     }
    //     var array = [];
    //     for(var i=0;i<arr.length;i++){
    //       if(array.indexOf(arr[i]) === -1){
    //         array.push(arr[i]);
    //       }
    //     }
    //     return array;
    // }
    // console.log(unique3(arr));
// 第4sort()排序方法
    //对排序结果遍历相邻元素对比
    //NaN 和{}没有去重
    // function unique4(arr) {
    //   if(!Array.isArray(arr)){
    //       console.log(‘type error‘);
    //       return
    //   }
    //   arr = arr.sort();
    //   var array = [arr[0]];
    //   for(var i=1;i<arr.length;i++){
    //     if(arr[i]!==arr[i-1]){
    //       array.push(arr[i])
    //     }
    //   }
    //   return array;
    // }
    // console.log(unique4(arr));
// 第5利用对象的属性不能相同的特点进行去重
    //两个true都去掉了,但其他都成功了
    // function unique5(arr) {
    //   if(!Array.isArray(arr)){
    //   console.log(‘type error‘);
    //   return
    //   }
    //   var array = [];
    //   var obj = {};
    //   for(var i=0;i<arr.length;i++){
    //     if(!obj[arr[i]]){
    //       array.push(arr[i]);
    //       obj[arr[i]] = 1;
    //     }else{
    //       obj[arr[i]]++;
    //     }
    //   }
    //   return array;
    // }
    // console.log(unique5(arr));
// 第6,includes检测数组是否有某个值返回布尔值(es6)
    //{}没有去重
    // function unique6(arr) {
    //   if(!Array.isArray(arr)){
    //     console.log(‘type error‘);
    //   return
    //   }
    //   var array = [];
    //   for(var i=0;i<arr.length;i++){
    //     if(!array.includes(arr[i])){
    //       arr.push(arr[i]);
    //     }
    //   }
    //   return array;
    // }
    // console.log(unique6(arr));
// 第7hasOwnProperty
    //hasOwnProperty判断对象是否存在属性
    //所有的都去重了
    function unique7(arr) {
      var obj = {};
      return arr.filter(function(item,index,arr){
        return obj.hasOwnProperty(typeof item + item)?false:(obj[typeof item + item] = true)
      })
    }
    console.log(unique7(arr));
// 第8利用filter
    //对象未去重,NaN都被去掉了
    // function unique8(arr){
    //   return arr.filter(function(item,index,arr){
    //     return arr.indexOf(item,0) === index;
    //   })
    // }
    // console.log(unique8(arr));
// 第9,递归去重
    //NaN和{}未去重
    // function unique9(arr) {
    //   var array = arr;
    //   var len = array.length;
    //   array.sort(function(a,b){
    //     return a+b;
    //   })
    //   function loop(index){
    //     if(index >=1){
    //       if(array[index] === array[index-1]){
    //         array.splice(index,1);
    //       }
    //       loop(index-1);
    //     }
    //   }
    //   loop(len-1);
    //   return array;
    // }
    // console.log(unique9(arr));
// 第10,Map数据结构去重
    //{}未去重
    // function unique10(arr) {
    //   let map = new Map();
    //   let array  =new Array();
    //   for(let i=0;i<arr.length;i++){
    //     if(map.has(arr[i])){
    //       map.set(arr[i],true);
    //     }else{
    //       map.set(arr[i],false);
    //       array.push(arr[i]);
    //     }
    //   }
    //   return array;
    // }
    // console.log(unique10(arr));
</script>
</html>

 

以上是关于js数组去重的主要内容,如果未能解决你的问题,请参考以下文章

js 二维数组去重(续)

js数组去重的5种算法实现

js数组去重的几种方法

85JS原生:数组4种去重方法

js数组去重的四种方法

js数组去重的四种方法