JavaScriput中数组去重方法之indexof()

Tea-pd

已于 2022-09-01 22:20:57 修改

阅读量342

点赞数 26

分类专栏： js学习文章标签： java 前端 servlet javascript html

于 2022-08-12 16:40:31 首次发布

本文链接：https://blog.csdn.net/tea_tea_/article/details/126306803

版权

js学习专栏收录该内容

27 篇文章 4 订阅

订阅专栏

🤞 点击可跳转个人主页

🐱‍🏍发现的一个宝藏网站

😁💋给兄弟们安利一个最近发现的很好刷题学习网站，上面包含了很多东西，有面试相关的题目，各厂的大题，还有学习的知识点，甚至还有专项练习 ,是一个很值得我们去练习刷题的好网站点击我就可以到哦

首先第一步：框架

第二步：我们先定义一个含有重复元素的数组和一个空数组

首先第一步：框架

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			
		</script>
	</body>
</html>

第二步：我们先定义一个含有重复元素的数组和一个空数组

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var arr = [1, 3, 5, 2, 1, 4, 3, 1, 2, 5, 3, 1, 9, 12, 2, 1]
			var sex = []
			
		</script>
	</body>
</html>

---------------------------------------------------------思路------------------------------------------------------------------

这里主要的一个思路就是通过某种方法讲arr数组和sex数组中的元素进行一一对比，如果有重复的那么就不输入，如果不重复，那就输入到其中，这里提到了一一对比，又是在数组当中，那么理所应当的自然就是要用到for循环了，所以接下来我们要用for循环

第三步：for循环

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var arr = [1, 3, 5, 2, 1, 4, 3, 1, 2, 5, 3, 1, 9, 12, 2, 1]
			var sex = []
			for(var i=0;i<arr.length-1;i++){
				
				}
			}
		</script>
	</body>
</html>

这里i的条件是是数组长度减一，是因为数组下标从0开始，所以就要减去1

第四步：添加判断

这里判断条件的话我们在上面也说了将arr数组和sex数组中的元素进行一一对比，如果有重复的那么就不输入，如果不重复，那就输入到其中，所以这里就要用到indexof

indexof的用法是指在数组中查找元素，如果查到了，那么就返回其对应的下标，如果没有查到，那么就返回 -1 ，这里的话我们通过比较，可以利用indexof查，如果返回-1，那么就代表元素不存在，即不重复

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var arr = [1, 3, 5, 2, 1, 4, 3, 1, 2, 5, 3, 1, 9, 12, 2, 1]
			var sex = []
			for(var i=0;i<arr.length-1;i++){
				if(sex.indexOf(arr[i])== -1){
				
				}
			}console.log(sex);
		</script>
	</body>
</html>

第五步：输入到数组中

这里的话我们已经成功判断了数组中的元素是否重复，如果不重复我们就要追加到其中

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var arr = [1, 3, 5, 2, 1, 4, 3, 1, 2, 5, 3, 1, 9, 12, 2, 1]
			var sex = []
			for(var i=0;i<arr.length-1;i++){
				if(sex.indexOf(arr[i])== -1){
					sex.push(arr[i])
				}
			}console.log(sex);
		</script>
	</body>
</html>

这里用到了push ，push的作用是在数组中最后的位置追加元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var arr = [1, 3, 5, 2, 1, 4, 3, 1, 2, 5, 3, 1, 9, 12, 2, 1]
			var sex = []
			for(var i=0;i<arr.length-1;i++){
				if(sex.indexOf(arr[i])== -1){
					sex.push(arr[i])
				}
			}console.log(sex);
		</script>
	</body>
</html>

第六步：输出

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var arr = [1, 3, 5, 2, 1, 4, 3, 1, 2, 5, 3, 1, 9, 12, 2, 1]
			var sex = []
			for(var i=0;i<arr.length-1;i++){
				if(sex.indexOf(arr[i])== -1){
					sex.push(arr[i])
				}
			}console.log(sex);
		</script>
	</body>
</html>

这样我们就成功完成了数组去重

Tea-pd

关注

26
点赞
踩
16

收藏

觉得还不错? 一键收藏
13
评论
JavaScriput中数组去重方法之indexof()

indexOf() 方法可返回数组中某个指定的元素位置。该方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头（没有指定 start 参数时）。如果找到一个 item，则返回 item ...indexOf() 方法可返回数组中某个指定的元素位置。该方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头（没有指定 start 参数时）。如果找到一个 item，则返回 item ...indexOf() 方法可返回数
复制链接

扫一扫