js数组去重方法总结
栏目: JavaScript · 发布时间: 5年前
内容简介:假设我们有数组arr,并且声明新数组hash用来存放去重后的元素:以下是数组去重常见的几个方法
假设我们有数组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它的作用,就是可以把类数组对象、可迭代对象转化为数组】
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
精通Spring
罗时飞 / 第1版 (2005年4月1日) / 2005-4 / 39.0
本书深入剖析了当前流行的轻量级开发框架Spring技术。本书总共分成3部分。第一部分,重点阐述Spring的架构。这部分内容循序渐进带领开发者进入Spring中。主要在于阐述Spring IoC和Spring AOP。第二部分,重点阐述Spring的使用。这部分内容从简化Java/J2EE的角度出发,从J2EE平台各个技术层面分析、并给出大量的研究实例,对Spring提供的API进行阐述。主要在于......一起来看看 《精通Spring》 这本书的介绍吧!