这篇文章主要介绍了javascript数组去重算法,结合实例形式总结分析了javascript数组去重相关的读写、遍历、比较、排序等操作及算法改进相关实现技巧,需要的朋友可以参考下
本文实例总结了JavaScript数组去重算法。分享给大家供大家参考，具体如下：
测试用例：arr = ["1",3,"1",1,4,5,1,"2",5,1,{"name":"li","age":20},2,4,3,{"name":"li","age":20},""];
方法一：借助于临时数组与indexOf , 算法复杂度为:O(n^2)
function unique1(arr){
var temp = [];
for(var i=0; i<arr.length><p>测试结果：unique1(arr) ： ["1", 3, 1, 4, 5, "2", Object { name="li", age=20}, 2, Object { name="li", age=20}, ""]</p>
<p>bug 无法区分对象</p>
<p><strong>方法二 ： 用JavaScript中的Object对象来当作哈希表</strong></p>
<pre class="brush:js;">function unique2(arr){
var temp=[];
var hash={};
for(var i=0; i<arr.length><p>测试结果：unique2(arr) ： ["1", 3, 4, 5, "2", Object { name="li", age=20}, ""]</p>
<p>bug : 无法区分： 1 和 "1"</p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill5980" title="javascript-pro"><img
src="https://img.php.cn/upload/skill/000/000/081/179074807567238.jpg" alt="javascript-pro" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/skill5980" title="javascript-pro" class="overflowclass">javascript-pro</a>
<p class="overflowclass">专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家，适用于现代开发</p>
</div>
<a rel="nofollow" href="/xiazai/skill5980" title="javascript-pro" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div>
<p>修改</p>
<pre class="brush:js;">function unique2(arr){
var temp=[];
var hash={};
for(var i=0; i<arr.length><p>测试结果：unique2(arr) ： ["1", 3, 1, 4, 5, "2", Object { name="li", age=20}, 2, ""]</p>
<p><strong>方法三：先用sort对数组排序，然后借助临时数组，存储相同元素的最后一个，该方法只能用于纯Number类型数组</strong></p>
<pre class="brush:js;">function unique3(arr){
arr.sort(function(a,b){
return a-b;
});
var temp = [];
for(var i=0;i<arr.length><p>上面是我整理给大家的，希望今后会对大家有帮助。</p>
<p>相关文章：</p>
<p><a href="http://www.php.cn/js-tutorial-397657.html" target="_blank">Ajax 传递JSON实例代码</a></p>
<p><a href="http://www.php.cn/js-tutorial-397655.html" target="_blank">ajax用json实现数据传输</a></p>
<p><a href="http://www.php.cn/js-tutorial-397644.html" target="_blank">Ajax校验是否重复的实现代码</a></p></arr.length>Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
