Javascript 数组去重的9种方法

最新推荐文章于 2024-05-14 02:29:29 发布

秃头老菜鸟

最新推荐文章于 2024-05-14 02:29:29 发布

阅读量1.2k

点赞数 2

分类专栏：基础知识文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_49592687/article/details/124506764

版权

本文详细介绍了JavaScript中9种不同的数组去重方法，包括ES5中的常见方法，利用indexOf、filter、reduce等方法，以及ES6中Set和Map的新特性。通过实例解析了各种方法的实现原理和适用场景，帮助开发者掌握数组去重的多种技巧。

摘要由CSDN通过智能技术生成

文章目录

方法

为数组去重是前端学习过程中比较重要的一个点,今天就需要将各种去重的方法梳理一遍。

方法

1. ES5 中常使用的去重方法

function deduplicate(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;
}
var arr = [1, 1,"u", "u", undefined, undefined, true, true];
console.log(deduplicate(arr));

内层循环判断值,如果两个值相等就需要使用数组的splice 方法去除
外层循环整体次数

注意 : 去重的时候,NaN 用 === 是无法比较相等的,每个NaN都是不等的

2. 利用`sort()` 方法去重

function deduplicate(arr) {
   
	arr = arr.sort()
	  var arrry = [arr[0]];
	  for (var i = 1; i < arr.length; i++) {
   
	      if (arr[i] !== arr[i - 1]) {
   
	          arrry.push(arr[i]);
	      }
	  }
	  return arrry;
	}
var arr = [<