如何实现数组去重?

要将数组中重复的值剔除,常规解法使用 ES5 中数组的一些 API 即可,而更简便的方法可以结合使用 ES6 中的扩展运算符和 Set 数据结构。

下面给出 4 种解法:

  1. 方法一,使用 splice 方法删除重复的元素
function normalize (arr) {
  if (arr && Array.isArray(arr)) {
    var len = arr.length,
        map = {};
    for (var i = len - 1; i >= 0; i--) {
      if (arr[i] in map) {
        arr.splice(i, 1);
      } else {
        map[arr[i]] = true;
      }
    }
    return arr;
  }
}
  1. 方法二,借用 indexOf 方法识别重复的元素
function normalize (arr) {
  if (arr && Array.isArray(arr)) {
    var len = arr.length,
        res = [];
    for (var i = 0; i < len; i++) {
      if (res.indexOf(arr[i]) == -1) {
        res.push(arr[i]);
      }
    }
    return res;
  }
}
  1. 方法三,巧用扩展运算符和 Set 数据结构
function normalize (arr) {
  if (arr && Array.isArray(arr)) {
    var res = [...new Set(arr)];
    return res;
  }
}
  1. 方法四,使用 ES6 中新的 API — Array.from() 来实现方法三中扩展运算符的功能
function normalize (arr) {
  if (arr && Array.isArray(arr)) {
    var res = Array.from(new Set(arr));
    return res;
  }
}

用于测试的代码如下:

/* 测试代码 */
var arr = [7, 1, 'hi', 1, 'hi', true, null, undefined, true, null, undefined];
console.log('数组去重后', normalize(arr));
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值