持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第14天，点击查看活动详情

前言

我们在日常开发中，总会遇到需要数组去重的操作，比如: 维护一个id数组等需求;

（当然一般情况都是后端去处理，很少让前端处理数组。但也别问我怎么总遇到，问就是，小公司，后端拉胯😓）

本文记录了JavaScript 数组几种常用的去重方法。

方法一、利用indexOf()去重

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

如果没有找到匹配的字符串则返回 -1。

ps： indexOf() 方法区分大小写。

思路

• 创建一个新数组；
• 循环待去重数组；
• 用新数组去找待去重数组的值，找不到push到新数组；
• 最后返回新数组；

示例代码

	function fun(arr){
		 let newsArr = [];
		 for (let i = 0; i < arr.length; i++) {
			  if(newsArr.indexOf(arr[i]) === -1){
				   newsArr.push(arr[i]);
			  }
		 }
		 return newsArr;
	}

方法二、利用双循环和splice去重

splice() 方法用于添加或删除数组中的元素。

思路

• 使用两层循环，外层循环遍历数组，内层循环比较值；
• 如果有相同， 则使用splice去除;
• 最后返回处理完的数组;

示例代码

	function fun(arr){
		 for (let i = 0; i < arr.length; i++) {
			  for(let j = i+1; j < arr.length; j++){
				   if(arr[i]==arr[j]){
					    arr.splice(j,1);
					    j--;
				   }
			  }
		 }
		 return arr;
	}

方法三、利用ES6的Set去重

Set是一种类似于数组的一系列无序、没有重复值的数据集合；

利用Set没有重复值这一特点，我们就可以实现数组的去重。

思路

• 将待去重数组传入Set实例；
• 将Set实例在数组中展开；
• 最后返回这个数组；

示例代码

	function fun(arr){
		 let s = new Set(arr); 
		 return [...s];
	}

本文到此结束

如果大家还有什么其他想法，欢迎在评论区交流！