摘要:注方法可以返回某个指定字符串在字符串中首次出现的位置比如首次出现的位置是数组中的第一个,即下标为遍历数组使用标识符去重声明一个变量标识排序后遍历过滤数组思路先给数组排序,这样相同的项总是相邻。
假设我们有数组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它的作用,就是可以把类数组对象、可迭代对象转化为数组】
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/101355.html
摘要:数组去重看了网上很多数组去重方法,用的比较常见的大概就几种,今天想自己来做一个总结。还有就是方法返回的数组也是排序后的数组,某些情况下可能不符合要求。 JS数组去重 看了网上很多数组去重方法,用的比较常见的大概就几种,今天想自己来做一个总结。部分内容参考该博客 1 . 在原数组上操作(基本方法) 思路:利用循环嵌套,判断数组中每个元素与其后面的元素是否相等,如果相等,就使用spli...
摘要:阶段该阶段主要通过循环遍历数组从而达到去重的目的多次循环去掉重复元素以下所有方法默认都那拿该数组进行测试结果如下图可见除了没有去掉,其他效果都还挺好。 数组去重经常被人拿来说事,虽然在工作中不常用,但他能够很好的考察js基础知识掌握的深度和广度,下面从js的不同阶段总结一下去重的方法。 ES3阶段 该阶段主要通过循环遍历数组从而达到去重的目的 多次循环去掉重复元素 // 以下所有方法默...
阅读 2769·2023-04-25 18:46
阅读 656·2021-11-19 09:40
阅读 2030·2021-09-28 09:36
阅读 3308·2021-09-10 11:11
阅读 3430·2019-08-30 15:55
阅读 1763·2019-08-30 15:54
阅读 2563·2019-08-29 16:16
阅读 3487·2019-08-29 15:08