前端工作中如何进行数组去重

在前端工作中,数组算是我们常见的数据格式,我们很多时候都需要对数组进行大量的操作,数组去重自然也是很重要的问题,文汇软件小编就跟大家分享下数组如何去重。

第一种:双重for循环,即新建一个空的数组,使用两个for循环分别让他们错位进行对比,如果数据相同则定义一个变量为true,最后将所有不为true的对象推进新的数组中

1596875191(1).jpg

这里上面是原来没有去重的值,下面是处理后的结果

1596875235(1).jpg

第二种:也是双重for循环。不同的是这是两个数组分别用进行相互比较,也是设置一个变量,如果值相同则使用break打断这次的循环,最后循环出的内容在推进新数组_arr.push中

1596875055(1).jpg

与上面一样上面是没有去重的值(此后不再赘述),下面为处理后的值

1596875447(1).jpg

第三种:是使用es5的includes方法判断数组中是否存在,先试用foreach遍历数组,然后再用includes方法判断数组中是否存在,不存在则推到新数组,不存在返回-1

1596875656(1).jpg

第四种:与第三种差不多使用indexof判断数组中的索引值(es5)不存在返回-1

1596875828(1).jpg

第五种:使用sort进行排序去重,如果是空数组或者最后一个与当前不一致则推出新数组

1596876173(1).jpg

第六种使用es6语法展开运算符...,在使用new Set()会保证内部的成员唯一,并推入新的数组

1596876332(1).jpg

小编这里一共会六种数组去重的方式,如果各位读者还有别的欢迎和小编一起交流,如想关注就来文汇软件


关键词:
返回列表

相关文章

相关案例