欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JS基于开关思想实现的数组去重功能【案例】

程序员文章站 2023-11-12 11:45:34
本文实例讲述了js基于开关思想实现的数组去重功能。分享给大家供大家参考,具体如下: 场景: 比如给你一个数组var arr = [ 25, 70, 60, 70, 65,...

本文实例讲述了js基于开关思想实现的数组去重功能。分享给大家供大家参考,具体如下:

场景: 比如给你一个数组var arr = [ 25, 70, 60, 70, 65, 65, 80 ],最终要得到去重后的新数组[25,70,60,65,80].

思路:

1.先定义个空的新数组newarr;
2.遍历旧数组arr 中所有元素;
3.定义一个iszai变量表示开关,默认为false状态;
4.遍历新数组所有元素与旧数组元素比较(arr[ i ] == newarr[ j ]);
5.如果该元素存在于新数组中,则改变开关状态为true;
6.根据开关状态实现需求:如果开关为false状态,则将旧数组的元素添加到新数组中;
7.最后打印新数组

js代码如下

<script>
var arr = [ 25, 70, 60, 70, 65, 65, 80 ];//最终得到[25,70,60,65,80]
//1.先定义个空的新数组newarr;
var newarr=[];
//2.遍历旧数组arr 中所有元素;
for(var i=0;i<=arr.length;i++){
 //3.定义一个iszai变量表示开关,默认为false状态;
 var iszai=false;
 for(var j=0;j<=newarr.length;j++){
 // 4.遍历新数组所有元素与旧数组元素比较(arr[ i ] == newarr[ j ]);
  if(arr[ i ] == newarr[ j ]){
  //5.如果该元素存在于新数组中,则改变开关状态为true;
  iszai=true;//假设被推翻
  break;//一旦重复后面没有比较必要
 }
 }
 // 6.根据开关状态实现需求:如果开关为false状态,则将旧数组的元素添加到新数组中;
 if(iszai==false){
  newarr[newarr.length]=arr[i];
 }
}
 console.log ( newarr )//打印新数组[25,70,60,65,80]
</script>

使用在线html/css/javascript代码运行工具http://tools.jb51.net/code/htmljsrun测试上述代码,可得如下运行结果:

JS基于开关思想实现的数组去重功能【案例】

ps:这里再为大家提供几款相关工具供大家参考使用:

在线去除重复项工具:

在线文本去重复工具:

更多关于javascript相关内容还可查看本站专题:《javascript数组操作技巧总结》、《javascript字符与字符串操作技巧总结》、《javascript遍历算法与技巧总结》、《javascript查找算法技巧总结》、《javascript数学运算用法总结》、《javascript数据结构与算法技巧总结》及《javascript错误与调试技巧总结

希望本文所述对大家javascript程序设计有所帮助。