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

大家好，我是讯享网，很高兴认识大家。

🤞 点击可跳转个人主页

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

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

首先第一步：框架

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

第三步：for循环

第四步：添加判断

第五步：输入到数组中

第六步：输出

讯享网

首先第一步：框架

<!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>

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

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

首先第一步：框架

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

第三步：for循环

第四步：添加判断

第五步：输入到数组中

第六步：输出

相关推荐