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

    目录

    首先第一步：框架

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

    第三步：for循环

    第四步：添加判断

     第五步：输入到数组中

    第六步：输出

     

     

    首先第一步：框架

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<script>
    9. 			
    10. 		script>
    11. 	body>
    12. html>

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

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<script>
    9. 			var arr = [1, 3, 5, 2, 1, 4, 3, 1, 2, 5, 3, 1, 9, 12, 2, 1]
    10. 			var sex = []
    11. 			
    12. 		script>
    13. 	body>
    14. html>

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

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

    第三步：for循环

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<script>
    9. 			var arr = [1, 3, 5, 2, 1, 4, 3, 1, 2, 5, 3, 1, 9, 12, 2, 1]
    10. 			var sex = []
    11. 			for(var i=0;ilength-1;i++){
    12. 				
    13. 				}
    14. 			}
    15. 		script>
    16. 	body>
    17. html>

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

    第四步：添加判断

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

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

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<script>
    9. 			var arr = [1, 3, 5, 2, 1, 4, 3, 1, 2, 5, 3, 1, 9, 12, 2, 1]
    10. 			var sex = []
    11. 			for(var i=0;ilength-1;i++){
    12. 				if(sex.indexOf(arr[i])== -1){
    13. 				
    14. 				}
    15. 			}console.log(sex);
    16. 		script>
    17. 	body>
    18. html>

     第五步：输入到数组中

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

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<script>
    9. 			var arr = [1, 3, 5, 2, 1, 4, 3, 1, 2, 5, 3, 1, 9, 12, 2, 1]
    10. 			var sex = []
    11. 			for(var i=0;ilength-1;i++){
    12. 				if(sex.indexOf(arr[i])== -1){
    13. 					sex.push(arr[i])
    14. 				}
    15. 			}console.log(sex);
    16. 		script>
    17. 	body>
    18. html>

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

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<script>
    9. 			var arr = [1, 3, 5, 2, 1, 4, 3, 1, 2, 5, 3, 1, 9, 12, 2, 1]
    10. 			var sex = []
    11. 			for(var i=0;ilength-1;i++){
    12. 				if(sex.indexOf(arr[i])== -1){
    13. 					sex.push(arr[i])
    14. 				}
    15. 			}console.log(sex);
    16. 		script>
    17. 	body>
    18. html>

    第六步：输出

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<script>
    9. 			var arr = [1, 3, 5, 2, 1, 4, 3, 1, 2, 5, 3, 1, 9, 12, 2, 1]
    10. 			var sex = []
    11. 			for(var i=0;ilength-1;i++){
    12. 				if(sex.indexOf(arr[i])== -1){
    13. 					sex.push(arr[i])
    14. 				}
    15. 			}console.log(sex);
    16. 		script>
    17. 	body>
    18. html>

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

  • 相关阅读:
    XML 测试用例分类Variants参数
    DSPE-PEG-Silane DSPE-PEG-SIL 磷脂-聚乙二醇-硅烷疏水性18碳饱和磷脂
    PDF怎么转换成PPT
    云安全—NIST SP 500-292
    AD中如何将PCB中两个无网络焊盘连线
    PMP每日一练 | 考试不迷路-12.2（包含敏捷+多选）
    MySQL具体有哪些锁以及锁的知识点
    Windows同时安装两个版本JDK，并实现动态切换JAVA8或者JAVA11
    SpringMVC（一、快速入门）
    机器学习算法 —— 决策树
  • 原文地址：https://blog.csdn.net/tea_tea_/article/details/126306803