web前端数组处理之数组去重
在web前端开发过程中避免会遇到很多数组需要处理,经常出现的问题就是数组去重,今天小千就来给大家介绍一下几种常见的数组去重的方式,大家可以学习一下以备不时之需。
数组去重概念:去除数组中重复重新的值
方法一:循环遍历截取
原理:通过每次循环遍历比较当前值在不在数组中,在就删除当前值并且索引减一,弊端,会改变原数组
方法二:借助indexOf()方法
原理:判断此元素在该数组中首次出现的位置下标与循环的下标是否相等 与方法一类似
方法三:借助新数组和indexOf()方法
原理:通过indexOf方判断当前元素在数组中的索引如果与循环的下标相等则添加到新数组中 原数组不变
方法四:借助空对象
原理:通过对象来记录新数组中已存储过的元素 不改变原数组 与方法三类似
方法五:filter方法
原理:查找当前元素索引出现的位置是否与当前元素索引值相等,是表示true返回 ,如果当前元素索引不等与当前索引,说明已经出现过,出现过就不返回。 原数组不变
方法六:使用include方法
原理:与indexOf类似,判断当前元素是否存在,不存在就添加 不改变原数组
方法七:es6 新增数据结构 new Set()方法
原理:new Set() 的成员具有唯一性,不能重复
学习web前端,可以参考千锋web前端培训班提供的web前端学习路线,该学习路线对从零基础小白到web前端初级开发工程师,web前端高级开发工程师,后面的web前端大神级开发工程师都有一个明确清晰的指导,根据千锋web前端培训机构提供的web前端学习路线图可以让你对学习web前端开发需要掌握的知识有个清晰的了解,并快速入门web前端开发。想要获取前端完整学习路线和免费的学习资料可以添加我们的web前端技术分享交流qq群:857920838 加群找群管理领取即可,等你来哦~~