数组去重的思考

作者: sunny519111 | 来源:发表于2017-06-20 19:04 被阅读41次

第一种

思路:比较新数组中是否有原数组中的重复项,如果有重复的就不添加到新数组

  • 循环数组,遍历数组的每一个元素
  • 对于新数组进行内部循环,如果发现数组中已经存在了arr[i],结束循环,如果新数组循环完成后,就可以添加
function unique(arr){
  var newarr = [];
  for(var i = 0; i<arr.length; i++){
    // 遍历新数组,判定是否元素已经存在
    for(var j=0;j<newarr.length; j++){
      if(arr[i]===newarr[j]){
        break;
      }
    }
    // 对于循环完成的元素进行push
    if(j == newarr.length){
        newarr.push(arr[i])
    }
  }
  return newarr     
}

第二种(不考虑兼容)

思路:如果一个元素的indexOf()不等于本身的索引就是重复的

function unique(arr){
  var newarr = [];
  arr.forEach((item,idx,array)=>{
    array.indexOf(item)===idx &&  newarr.push(item);
  })
  return newarr
}
// 反过来就是说我们过滤掉indexOf() 不等于本身的索引的元素
function unique(arr){
  var newarr = arr.filter((item,idx,array)=>{
    return array.indexOf(item)===idx;
  })  
  return newarr    
}

第三种(只针对数组都是数字)

思路:利用数组的sort()方法,相同的元素会被放到相邻的位置,然后比较前后位置就可以了。

function unique(arr){
  var newarr = arr.concat().sort().filter((item,idx,array)=>{
    // !idx是针对第一个元素,没有比较直接返回
    return !idx || item != array[idx-1];
  })
}
var a = [1, 1, 3, 2, 1, 2, 4];
unique(a); //[1, 2, 3, 4]
var a = [1, '1', 3, 2, 1, 2, 4];
unique(a); //[1, 2, 3, 4]

这里就有问题了,由于我们用的是不完成等于!=,所以这种情况只是针对于数字之间的比较,如果输入字符串,可能会被过滤掉。

拓展:为什么我这里不用严格的不等于呢?!==,这样的话就不能排除特殊情况下的数字,这里根据需求来写

// 如果是
    return !idx || item !== array[idx-1];
var a = [1, '1',1, 3, 2, 2, 4];
unique(a); //[1,'1',1, 2, 3, 4]

第四种 (ES6的set构造函数)

思路:通过es6的set的值唯一性,把数组去掉重复的,然后用Array.from()把迭代的对象变成数组

function unique(arr){
  return Array.from(new set(arr));
}

第五种(重复的元素会出现在数组的结尾,改变了数组的格局)

思路:利用for循环中,++i可以进入下一个循环,跳过已经重复的元素

function unique(a) {
  var res = [];

  for (var i = 0, len = a.length; i < len; i++) {
    for (var j = i + 1; j < len; j++) {
      // 这一步十分巧妙
      // 如果发现相同元素
      // 则 i 自增进入下一个循环比较
      if (a[i] === a[j])
        j = ++i;
    }

    res.push(a[i]);
  }

  return res;
}

var a = [1, 1, '1', '2', 1];
var ans = unique(a);
console.log(ans); // => ["1", "2", 1]

第六种(有序的返回数组)

function unique(arr) {
    var res = [];
    arr.forEach(item => {
        if(!res.includes(item)) {
            res.push(item)
        }
    })
    return res
}
var a = [1, 1, '1', '2', 1];
var ans = unique(a);
console.log(ans); // => [1,"1", "2", ]

相关文章

  • 数组去重的思考

    第一种 思路:比较新数组中是否有原数组中的重复项,如果有重复的就不添加到新数组 循环数组,遍历数组的每一个元素 对...

  • Array集结号

    实现数组去重的几种方法 数组去重一 数组去重二 利用数组indexof+push实现数组去重 数组去重三 利用对象...

  • 数组去重

    整理自js中基础数据结构数组去重问题思考?如何去除数组中重复的项 例如数组:[1,3,4,3,5]我们在做去重的时...

  • 实现数组去重有哪些方式

    简单的数组去重 数组对象去重

  • js:数组去重

    数组去重的常见写法: 数组去重封装成方法: es6的数组去重(Array.from):

  • 数组去重的四种方法

    利用双for循环去重 利用对象数组去重 利用对象数组去重并且记录重复次数 通过创建一个新数组进行数组去重

  • js数组去重、对象数组去重

    普通数组去重 一、普通数组去重 方法一:遍历数组法 方法二:排序法 方法三:对象法 对象数组去重 方法一:将对象数...

  • javascript数组去重,数组对象去重

    利用Reduce去重 function unique(arr) {var obj = {};arr = arr.r...

  • 数组去重的几种方式

    上篇我们写到了数组中包含多条对象的去重方式数组中包含多条对象的去重方式,今天我们就写一下普通数组去重吧. 数组去重...

  • ES6数组去重

    普通数组去重 方法1 方法2 对象数组去重

网友评论

    本文标题:数组去重的思考

    本文链接:https://www.haomeiwen.com/subject/assaqxtx.html