数组去重的6种方法

最新推荐文章于 2022-07-05 23:17:24 发布

慧、新

最新推荐文章于 2022-07-05 23:17:24 发布

阅读量2.9k

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/endeavor_no1/article/details/77950313

版权

js 专栏收录该内容

54 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>数组去重</title>
	</head>

	<body>
		<script>
			//1.filter:(indexOf)方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素, filter() 不会对空数组进行检测。 filter() 不会改变原始数组。
			var arr1 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3];
			var arr1_1 = arr1.filter(function(m, n) {
				return arr1.indexOf(m) == n;
			})
			document.write(arr1_1 + "<br />");

			//2.map:(push indexOf)把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。
			var arr2 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3];
			var arr2_2 = [];
			arr2.map(function(m, n) {
				if(arr2.indexOf(arr2[n]) == n) {
					arr2_2.push(m);
				}
			});
			document.write(arr2_2 + "<br />");

			//3.indexOf(push)搜索数组中的元素，并返回它所在的位置。
			var arr3 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3];
			var arr3_3 = [];
			for(var i = 0; i < arr3.length; i++) {
				if(arr3_3.indexOf(arr3[i]) == -1) {
					arr3_3.push(arr3[i]);
				}
			}
			document.write(arr3_3 + "<br />");

			//4.splice对数组进行删除、插入、替换，是最强大的数组方法。改变原数组
			var arr4 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3];
			for(var i = 0; i < arr4.length; i++) {
				for(var j = i + 1; j < arr4.length; j++) {
					if(arr4[i] == arr4[j]) {
						arr4.splice(j, 1)
						j--; //别忘记减
					}
				}
			}
			document.write(arr4 + "<br />");

			//5.push(数组去重一一对比)添加到数组末尾	
			var arr5 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3];

			function remm(arr) {
				var arr5_5 = [];
				for(var i = 0; i < arr5.length; i++) {
					for(var j = 0; j < arr5.length; j++) {
						if(arr5[i] == arr5_5[j]) {
							break;
						}
					}
					if(arr5[i] != arr5_5[j]) {
						arr5_5.push(arr5[i]);
					}
				}
				return arr5_5;
			}
			document.write(remm(arr5) + "<br />");
			//6.set数据结构Set类似于数组，但是成员的值都是唯一的，没有重复的值。用set.size表示伪数组长度
		var arr6= [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3];
		
			var set = new Set(arr6);
			var newArr = new Array(...set);
			document.write(newArr+"<br />");
		</script>
		
		
	</body>

</html>