如何实现数组去重?

要将数组中重复的值剔除,常规解法使用 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));
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 如何实现数组去重?假设有数组 array = [1,5,2,3,4,2,3,1,3,4]你要写一个函数 uniqu...
    半斋阅读 600评论 0 0
  • 假设有数组 array = [1,5,2,3,4,2,3,1,3,4]你要写一个函数 unique,使得uniqu...
    joker731阅读 266评论 0 1
  • 那天夜里有风 掠过你夏天的梦境 火成为你喜欢的舞蹈 你端起酒杯 让热情流过自己的心 应该承认 燃烧是一件美丽的事情...
    诗人张毅伟阅读 185评论 3 7
  • “为你付出了这么多,你却没有感动过......”这几天邱贻可都是听着这首蓝宇主题曲入睡的。成都,天府之国,陈玘在的...
    bobby789阅读 1,249评论 0 3
  • lsof -i :5055 查看端口被哪个文件占用 linux下的 & && ; || 1.command1 &...
    邹霉霉阅读 197评论 0 0

友情链接更多精彩内容