es5和es6如何實現數組去重

這篇文章主要講解了“es5和es6如何實現數組去重”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“es5和es6如何實現數組去重”吧！

es5中可以利用for語句和indexOf()函數來實現數組去重，語法“for(i=0;i<數組長度;i++){a=newArr.indexOf(arr[i]);if(a==-1){...}}”。在es6中可以利用擴展運算符、Array.from()和Set來去重；需要先將數組轉為Set對象來去重，然后利用擴展運算符或Array.from()函數來將Set對象轉回數組即可。

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)]);

感謝各位的閱讀，以上就是“es5和es6如何實現數組去重”的內容了，經過本文的學習后，相信大家對es5和es6如何實現數組去重這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！