js数组去重方法总结

snowLu 发布于2019-08-23 14:55 / 2400人阅读

摘要：注方法可以返回某个指定字符串在字符串中首次出现的位置比如首次出现的位置是数组中的第一个，即下标为遍历数组使用标识符去重声明一个变量标识排序后遍历过滤数组思路先给数组排序，这样相同的项总是相邻。

假设我们有数组arr，并且声明新数组hash用来存放去重后的元素：

var arr = [23,44,5,2,23,5,1,7,8,7];    //包含重复元素  
var hash= [];      //声明新数组

以下是数组去重常见的几个方法

1.遍历数组使用indexOf去重

思路：新数组中若该项的下标为-1，则表示新数组中没有找到，就可以将该项放入新数组中。

arr.forEach(item=>{
    if(hash.indexOf(item) == "-1"){
        hash.push(item);
    }    
})
console.log(hash);    //[23, 44, 5, 2, 1, 7, 8]

2.遍历数组使用indexOf去重

思路：若该项的下标和该项在数组的下标相同，则放入新数组。不是则过滤掉。
注：【indexOf()方法可以返回某个指定字符串在字符串中首次出现的位置】

比如：console.log(arr.indexOf(23)); //0
"23" 首次出现的位置是数组中的第一个，即下标为0

arr.forEach((item,index)=>{
    if(arr.indexOf(item) == index){
        hash.push(item);
    }
})

3.遍历数组使用标识符去重

var obj = {};    //声明一个变量标识
arr.forEach(item=>{
    if(!obj[item]){   
        obj[item] = true;
        hash.push(item)
    }
})

4.sort排序后遍历过滤数组

思路：先给数组排序，这样相同的项总是相邻。然后遍历数组和前一个对比，不相等就放入新数组中。（只针对排序后的）

var hash = [arr[0]];
arr.forEach((item,index)=>{
    if(item != hash[hash.length-1]){
        hash.push(item)
    }
})

5.ES6实现

思路：ES6提供了新的数组结构Set。类似于数组，但是成员的值都是唯一的。
使用扩展运算符[...]和Set结构相结合，可以去掉数组中重复的元素。
注：[...]扩展运算符内部使用for..of循环。
Set函数接收一个数组（或者类数组的对象）作为参数，用来初始化。

var hash = new Set(arr);
var newArr = [...hash]; 
console.log(newArr);    //[23, 44, 5, 2, 1, 7, 8]

或者

var newArr = Array.from(hash);
【Array.from它的作用，就是可以把类数组对象、可迭代对象转化为数组】

GPU服务器云服务器 java数组去重总结 js数组方法 js数组操作方法 js数组取值方法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/101355.html

JS数组去重总结

摘要：数组去重，一般会在面试的时候才会碰到，要求手写数组去重方法的代码。在实际项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。数组去重的方法一利用去重中最常用如果不考虑兼容性，这种去重的方法代码最少。数组去重，一般会在面试的时候才会碰到，要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。在实际项目中碰到的...

whinc 2019-08-02 16:09 评论0 收藏0
JS数组去重方法小结

摘要：数组去重看了网上很多数组去重方法，用的比较常见的大概就几种，今天想自己来做一个总结。还有就是方法返回的数组也是排序后的数组，某些情况下可能不符合要求。 JS数组去重看了网上很多数组去重方法，用的比较常见的大概就几种，今天想自己来做一个总结。部分内容参考该博客 1 . 在原数组上操作（基本方法）思路：利用循环嵌套，判断数组中每个元素与其后面的元素是否相等，如果相等，就使用spli...

PascalXie 2019-08-22 15:42 评论0 收藏0
js数组去重方法分析与总结

摘要：阶段该阶段主要通过循环遍历数组从而达到去重的目的多次循环去掉重复元素以下所有方法默认都那拿该数组进行测试结果如下图可见除了没有去掉，其他效果都还挺好。数组去重经常被人拿来说事，虽然在工作中不常用，但他能够很好的考察js基础知识掌握的深度和广度，下面从js的不同阶段总结一下去重的方法。 ES3阶段该阶段主要通过循环遍历数组从而达到去重的目的多次循环去掉重复元素 // 以下所有方法默...

nevermind 2019-08-21 11:53 评论0 收藏0