好程序员分享JavaScrip数组去重操作实例小结

一时失言乱红尘 2021-11-22 21:52 265阅读 0赞

好程序员分享JavaScrip数组去重操作实例小结，这篇文章主要介绍了JavaScrip数组去重操作,结合实例形式总结分析了javascript针对数组的遍历、判断、去重等相关操作技巧,需要的朋友可以参考下。

本文实例讲述了JavaScrip数组去重操作。分享给大家供大家参考，具体如下：

**内置的for-of方法**

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 </td> 
 <td> &lt;script&gt; var&nbsp;arr=[2,1,1,3,'','','e','e',true,'true',true,false,false,'false',undefined,'undefined',undefined,null,'null',null]; function&nbsp;uniqueUseForOf(array) { &nbsp;&nbsp;const temp = []; //一个临时数组 &nbsp;&nbsp;// 传入值必须存在，且长度小于等于1的时候直接返回数组 &nbsp;&nbsp;if&nbsp;(array &amp;&amp; array.length &lt;= 1) { &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;array; &nbsp;&nbsp;} else&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;//遍历当前数组 &nbsp;&nbsp;&nbsp;&nbsp;for&nbsp;(let x of array) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;temp.indexOf(x) === -1 ? temp.push(x) : ''; &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;} &nbsp;&nbsp;return&nbsp;temp; } uniqueUseForOf(arr); console.log(uniqueUseForOf(arr)) &lt;/script&gt; </td> 
 </tr> 
 </tbody> 
</table>

**内置的forEach方法**

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 </td> 
 <td> &lt;script&gt; var&nbsp;arr=[3,1,1,3,'','','e','e',true,'true',true,false,false,'false',undefined,'undefined',undefined,null,'null',null]; function&nbsp;uniqueUseForEach(array) { &nbsp;&nbsp;// 传入值必须存在，且长度小于等于1的时候直接返回数组 &nbsp;&nbsp;if&nbsp;(array &amp;&amp; array.length &lt;= 1) { &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;array; &nbsp;&nbsp;} else&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;temp = []; //一个临时数组 &nbsp;&nbsp;&nbsp;&nbsp;//遍历当前数组 &nbsp;&nbsp;&nbsp;&nbsp;array.forEach(function&nbsp;(value, index) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;temp.indexOf(value) == -1 ? temp.push(value) : ''; &nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;temp; &nbsp;&nbsp;} } uniqueUseForEach(arr); console.log(uniqueUseForEach(arr)) &lt;/script&gt; </td> 
 </tr> 
 </tbody> 
</table>

**万能的for方法**

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 </td> 
 <td> &lt;script&gt; var&nbsp;arr=[1,1,'','','e','e',true,'true',true,false,false,'false',undefined,'undefined',undefined,null,'null',null]; function&nbsp;uniqueUseFor(array) { &nbsp;&nbsp;var&nbsp;temp = []; //一个临时数组 &nbsp;&nbsp;//遍历当前数组 &nbsp;&nbsp;for&nbsp;(var&nbsp;i = 0, j = array.length; i &lt; j; i++) { &nbsp;&nbsp;&nbsp;&nbsp;//很直白，新数组内判断是否有这个值，没有的情况下，就推入该新数组 &nbsp;&nbsp;&nbsp;&nbsp;temp.indexOf(array[i]) === -1 ? temp.push(array[i]) : ''; &nbsp;&nbsp;} &nbsp;&nbsp;return&nbsp;temp; } uniqueUseFor(arr); console.log(uniqueUseFor(arr)) &lt;/script&gt; </td> 
 </tr> 
 </tbody> 
</table>

**第一种方法：**

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 </td> 
 <td> &lt;script&gt; var&nbsp;arr = [1, 2, 3, 4, 1, 2, 4, 5, 6]; console.log(arr); Array.prototype.unique = function() { &nbsp;&nbsp;var&nbsp;n = [this[0]]; //结果数组 &nbsp;&nbsp;for(var&nbsp;i = 1; i &lt; this.length; i++) //从第二项开始遍历 &nbsp;&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;//如果当前数组的第i项在当前数组中第一次出现的位置不是i， &nbsp;&nbsp;&nbsp;&nbsp;//那么表示第i项是重复的，忽略掉。否则存入结果数组 &nbsp;&nbsp;&nbsp;&nbsp;if(this.indexOf(this[i]) == i) n.push(this[i]); &nbsp;&nbsp;} &nbsp;&nbsp;return&nbsp;n; }; console.log(arr.unique()); &lt;/script&gt; </td> 
 </tr> 
 </tbody> 
</table>

**第二种方法：**

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 </td> 
 <td> &lt;script&gt; var&nbsp;arr = [1,2,3,4,1,2,4,5,6]; console.log(arr); Array.prototype.unique = function() { &nbsp;&nbsp;var&nbsp;n = {}, &nbsp;&nbsp;&nbsp;&nbsp;r = []; //n为hash表，r为临时数组 &nbsp;&nbsp;for&nbsp;(var&nbsp;i = 0; i &lt; this.length; i++) { //遍历当前数组 &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(!n[this[i]]) { //如果hash表中没有当前项 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;n[this[i]] = true; //存入hash表 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;r.push(this[i]); //把当前数组的当前项push到临时数组里面 &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;} &nbsp;&nbsp;return&nbsp;r; }; console.log(arr.unique()); &lt;/script&gt; </td> 
 </tr> 
 </tbody> 
</table>

转载于:https://www.cnblogs.com/gcghcxy/p/11227251.html