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

前言

本文主要介绍了三种JavaScript数组去重的方法，分别是利用indexOf()去重、利用splice方法去重以及利用ES6的Set去重。这三种方法各有各的特点，其中利用ES6的Set去重方法最为简单好用。

方法一、利用indexOf()去重

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 如果没有找到匹配的字符串则返回 -1。 注意： 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是一种类似于数组的一系列无序、没有重复值的数据集合；

new Set([iterable])，- 参数非必需, 如果传递一个可迭代对象,他的所有元素被添加到新的Set中,如果无此参数,则Set为空。

思路

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

代码实现

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

结语

本小节到此结束，谢谢大家的观看！

如有问题欢迎各位指正