JavaScript数组去重方法(简便好记的方法)

1.Set

Set是ES6中一种新的数据结构,它本身是一个构造函数,类似数组,但它的成员值都是唯一的,无重复的值。
利用无重复值这一点可以实现数组去重

//数组去重
[...new Set(arr)]

//by the way--->字符串去重
[...new Set(str)].join('');

2.利用indexOf或者includes

两种方法去重原理是一样的,利用数组中不存在该元素indexOf 返回-1,includes返回 false,这一点筛选数组

//indexOf
  var array = [];
  for (var i = 0; i < arr.length; i++) {
        if (array .indexOf(arr[i]) === -1) {
            array .push(arr[i])
        }
  }
  return array;

//includes
  var array =[];
  for(var i = 0; i < arr.length; i++) {
          if( !array.includes( arr[i]) ) {//includes 检测数组是否有某个值
                  array.push(arr[i]);
            }
  }
  return array

3.sort

先用sort排序,然后只取前一项不等于后一项。

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;

4.filter

filter这里可以接受三个参数,第一二个参数是item和index以外,第三个可以是数组本身!
这里去重的思路很简单:只有我第一次出现的索引等于我当前的索引,就返回,否则不返回。

function unique(arr){
    var res = arr.filter((item,index,arr)=>{
        return arr.indexOf(item) === index;
    });
    return res;
}

可能数组去重还有一些方法,但这几种比较好简便,而且思路清晰,代码量少。

  • 5
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值