最新公告  | 
  • CTRL + D 加入收藏不迷路哦!

  • 欢迎您光临码云笔记网,一个关注WEB前端开发的个人技术博客!

javascript 数组去重方法有哪些

javascript数组去重对于前端开发的小伙伴来说再熟悉不过了,为什么要整理一篇关于数组去重的方法总结呢?是因为最近面试一些小伙伴,要么说不清要么就是说不全,而在平时工作当中经常会遇到数组去重的需求,所以在这里整理一下有哪些方法可以实现数组的去重。

双层for循环

function noRepeat1(arr){
	// 第一层for用来控制循环的次数
	for(var i=0; i<arr.length; i++){
		//第二层for 用于控制与第一层比较的元素
		for(var j=i+1; j<arr.length; j++){
			//如果相等
			if(arr[i] == arr[j]){
				//删除后面的 即第 j个位置上的元素  删除个数 1 个
				arr.splice(j,1);
				// j--很关键的一步  如果删除 程序就会出错 
				//j--的原因是 每次使用splice删除元素时 返回的是一个新的数组 
				// 这意味这数组下次遍历是 比较市跳过了一个元素
				/*
					例如: 第一次删除后 返回的是 1 1 3 2 1 2 4
				 *  但是第二次遍历是 j的值为2  arr[2] = 3
				 *  相当于跳过一个元素 因此要 j--
				 * */
				j--;

			}

		}
	}

	return arr;
}

indexof或者includes

function removeSameEle(arr){
	let res=[];
	for(var i=0,len=arr.length;i<len;i++){
		//if(!res.includes(arr[i])){
		if(res.indexof(arr[i])<0){//判断结果中是否存在该数据了
			res.push(arr[i])
		}
	}
	return res;
}

filter方法

function removeSameEle(arr){
	let res=arr.filter((item,index,arr)=>{
		return arr.indexOf(item)===index;
	});
	return res;
}

set唯一值去重

此方法只能用于对简单数组进行去重。

function removeSameEle(arr){
	let res=new Set(arr);
	return [...res];
}

sort排序后去重

function removeSameEle(arr){
	let res=[];
	let sortedArr=arr.sort();
	for(let i=0,len<sortedArr.length;i<len-1;i++){
		if(i==0||sortedArr[i]!==sortedArr[i+1]){
			res.push(sortedArr[i]);
			 if(i===(len-2)){
				res.push(sortedArr[i+1]);
			}
		}
	}
	return res;
}

使用object.keys()去重

function removeSameEle(arr){
	let res=[];
	let obj={};
	arr.forEach((item,index)=>{
		if(!obj[item]){
			obj[item]=item
		}
	});
	for(let value of Object.values(obj)){
		res.push(value);
	}
	return res;
}

以上所述是前端教程给大家介绍的JS实现数组去重方法总结,希望对大家有所帮助,如果大家有任何疑问请给我留言,我会及时回复大家的。在此也非常感谢大家对码云笔记网站的支持!

1. 本站所有免费资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的免费资源的准确性、安全性和完整性,免费资源仅供下载学习之用!如有链接无法下载、失效,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或技术教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
5. 加入前端开发QQ群:565733884,我们大家一起来交流技术!
码云笔记 » javascript 数组去重方法有哪些

发表评论

准备开启WordPress网站建设推广?

联系我们 定制开发