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

时间:2021-05-26

本文实例讲述了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测试上述代码,可得如下运行结果:

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

在线去除重复项工具:
http://tools.jb51.net/code/quchong

在线文本去重复工具:
http://tools.jb51.net/aideddesign/txt_quchong

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

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

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章