ホームページ >ウェブフロントエンド >フロントエンドQ&A >es5 および es6 で配列重複排除を実装する方法

es5 および es6 で配列重複排除を実装する方法

青灯夜游
青灯夜游オリジナル
2023-01-16 17:09:441720ブラウズ

es5 では、for ステートメントとindexOf() 関数を使用して配列の重複排除を実現できます。構文は「for(i=0;i

es5 および es6 で配列重複排除を実装する方法

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

#es5 配列の重複排除

##メソッドのインデックス ##indexOf を使用します (指定された文字列値が文字列内で最初に出現する位置を返すことができます。初めて出現した場合は、-1 を返します)##

	var arr = [1,2,3,1,3,4,5];
	Array.prototype.myInfo = function(){
		var newArr = [];
		for(var i=0;i<arr.length var if newarr return console.log></arr.length>

es6 配列の重複排除es5 および 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 と Setes5 および es6 で配列重複排除を実装する方法

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 で配列重複排除を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。