javascript 数组去重实现方法

绝地灬酷狼 2022-05-28 05:39 231阅读 0赞

代码：

<!doctype html>

< html>

< head>

< meta charset= "utf-8" >

< title > 数组去重 </ title >

</ head>

< body>

< script >

Array .prototype. px = **function** ()\{

result = \[\];

for ( **var**  i = 0 ; i < this .length; i \++ )\{

for ( **var**  j = i \+ 1 ; j < this .length; j \++ )\{

if ( this \[ i \] === this \[ j \])\{

j =++ i ;

\}

console . log ( result );

\}

result . push ( this \[ i \]);

\}

return  result ;

\}

**var**  arr1  =  \[ 1 , 2 , 3 , 4 , 5 , 5 , 4 , 3 , 2 , 1 \]; *//定义一个数组*

console . log ( arr1 . px ());  *//使用扩展的自定义数组方法 px()*

*//控制台输出结果 \[5,4,3,2,1\]*

< / script >

</ body>

</html>

首先我们利用prototype 给数组扩展一个数组去重的方法 ： px( )

然后定义一个数组 result 放置我们去重后的元素，也就是我们最后要得到的结果；

使用双层for循环排除重复元素，原理：

假设现在有数组 abc=\[1,2,3,3,2,1\]

完整过程： 当外层循环从1开始，也就是abc\[0\]时，我们内层的循环从 2开始，也就是abc\[2\],

让1 分别和剩余的  2,3,3,2,1  进行比较，如果1和后面的都不相同，我们就把 1 放入我们的结果

数组 result 中, 这很好理解，也就是内层循环完毕，执行result.push(this\[i\]);

但是如果遇到相同的了，比如1 和最后一个1相同，怎么办呢，那就跳过内层的循环，相当于内层

循环执行break操作；不要担心，为什么要跳过，因为后面有相同的啊，我们的策略是如果有相同的，

那么排除靠前的相同元素，留下剩下的相同元素，也就是我们不要第一个1 ，而是把最后一个1 存入数组；

发表评论取消回复

表情：

评论列表（有 0 条评论，231人围观）

还没有评论，来说两句吧...

相关阅读

相关 Javascript——数组去重的方法

目录 1 使用splice()方法 2 lastIndexOf() 方法 3 indexof() 4.includes() 参数:想要查找的数组元素返回值:fals

一时失言乱红尘/ 2024年04月08日 09:45/ 0 赞/ 78 阅读

相关 javascript数组去重方法汇总

前言 -------------------- 数组去重已经是一个老生常谈的问题了，依然经久不息，经过岁月的变迁es标准的升级迭代，似乎有越来越多的方法和方式供我们使用

太过爱你忘了你带给我的痛/ 2023年10月17日 21:08/ 0 赞/ 82 阅读

相关 Javascript数组去重方法汇总

前言关于数组去重，也算是一个比较常见的面试题了。但是有点开发经验的同学又会发现，前端数组去重的操作很少见（也可能是我个人经验不足遇到的比较少）。这是为什么呢？。我感觉可

悠悠/ 2023年06月16日 01:54/ 0 赞/ 9 阅读

相关 JavaScript数组去重方法总结

数组不像对象和hash有唯一的标志特征(key)。所以，数组去重的核心就是【1】数组内元素互相比较，然后放入新的数组中。【2】参照对象构建一个唯一的特征标志，然后放入新数组中。

悠悠/ 2022年10月01日 09:49/ 0 赞/ 283 阅读

相关 javascript数组去重方法

> 思路：创建一个新的空数组，循环遍历旧数组，用indexOf()方法，可以取得元素在数组中的位置，如果值为-1表示不存在。那么新数组用indexOf去获取老数组的每一个元素，

ゞ浴缸里的玫瑰/ 2022年07月12日 23:29/ 0 赞/ 238 阅读

相关数组去重的JavaScript实现

1.最简方法创建一个空的新数组，依次检查旧数组的值是否存在于新数组中，如果不存在就push进去。主要用到数组的indexOf方法。 function arrU

梦里梦外;/ 2022年06月18日 00:40/ 0 赞/ 159 阅读

相关 javascript 数组去重实现方法

代码： <!doctype html> < html> < head> < meta charset= "utf-8" > < title > 数组去重 </ ti

绝地灬酷狼/ 2022年05月28日 05:39/ 0 赞/ 232 阅读

相关 JavaScript~数组去重方法

方法一：for循环 for(var i=0;i<arr.length;i++)\{ for(var j=i+1;j<arr.length;j++)\{

骑猪看日落/ 2022年05月19日 12:23/ 0 赞/ 291 阅读

相关 JavaScript 各种数组去重方法

一、利用ES6 Set去重（ES6中最常用） function unique (arr) { return Array.from(new

叁歲伎倆/ 2021年12月18日 14:11/ 0 赞/ 306 阅读

相关 Javascript实现数组去重 [转]

1.遍历数组法它是最简单的数组去重方法（indexOf方法）实现思路：新建一个数组，遍历去要重的数组，当值不在新数组的时候（indexOf为-1）就加入该新数组中；

小鱼儿/ 2021年11月17日 13:46/ 0 赞/ 299 阅读