2023es5和es6怎么实现数组去重

 所属分类:web前端开发

 浏览:154次-  评论: 0次-  更新时间:2023-01-17
描述:更多教程资料进入php教程获得。 es5中可以利用for语句和indexOf()函数来实现数组去重,语法“for(i=0;i<数组长度;i++){a=newArr.indexOf(ar...
更多教程资料进入php教程获得。

es5中可以利用for语句和indexOf()函数来实现数组去重,语法“for(i=0;i<数组长度;i++){a=newArr.indexOf(arr[i]);if(a==-1){...}}”。在es6中可以利用扩展运算符、Array.from()和Set来去重;需要先将数组转为Set对象来去重,然后利用扩展运算符或Array.from()函数来将Set对象转回数组即可。

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

es5 数组去重

indexOf 方法

使用indexOf(可返回某个指定的字符串值在字符串中首次出现的位置,如果首次出现,返回-1)

	var arr = [1,2,3,1,3,4,5];
	Array.prototype.myInfo = function(){
		var newArr = [];
		for(var i=0;i<arr.length;i++){
			var a = newArr.indexOf(arr[i]);
			if(a == -1){
				newArr[newArr.length] = arr[i];
			}
		}
		return newArr;
	}
	var result = arr.myInfo();
	console.log(result);
登录后复制

在这里插入图片描述

es6 数组去重

1. Array.from 和 Set

Set不允许有重复的元素

	let arr = [1,2,1,2,3];
	let result = new Set(arr);

	console.log(result); 			
	console.log(Array.from(result));
登录后复制

在这里插入图片描述

2. rest 和 Set

rest 方法操作符为“

将字符从数组中剥离出来

	let arr = [1,2,1,2,3];
	let result = new Set(arr);

	console.log(result); 	
	console.log(...result); 		
	console.log([...result]); 			

	console.log([...new Set(arr)]);
登录后复制

在这里插入图片描述

【相关推荐:javascript视频教程、web前端】

以上就是es5和es6怎么实现数组去重的详细内容,更多请关注zzsucai.com其它相关文章!

积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!