ITPub博客

首页 > 应用开发 > Html/css > web前端数组处理之数组去重

web前端数组处理之数组去重

原创 Html/css 作者:千锋武汉 时间:2021-04-07 12:36:51 0 删除 编辑

      在 web前端开发过程中避免会遇到很多数组需要处理,经常出现的问题就是数组去重。今天小千就来给大家介绍一下几种常见的数组去重的方式,大家可以学习一下以备不时之需。

      数组去重概念:去除数组中重复重新的值

      方法一:循环遍历截取

      原理:通过每次循环遍历比较当前值在不在数组中,在就删除当前值并且索引减一,弊端,会改变原数组

1

      方法二:借助indexOf()方法

      原理:判断此元素在该数组中首次出现的位置下标与循环的下标是否相等 与方法一类似

2

       方法三:借助新数组和indexOf()方法

      原理:通过indexOf方判断当前元素在数组中的索引如果与循环的下标相等则添加到新数组中 原数组不变

3

       方法四:借助空对象

      原理:通过对象来记录新数组中已存储过的元素 不改变原数组 与方法三类似

4

      方法五:filter方法

      原理:查找当前元素索引出现的位置是否与当前元素索引值相等,是表示true返回 ,如果当前元素索引不等与当前索引,说明已经出现过,出现过就不返回。 原数组不变

5

      方法六:使用include方法

      原理:与indexOf类似,判断当前元素是否存在,不存在就添加 不改变原数组

6

      方法七:es6 新增数据结构 new Set()方法

      原理:new Set() 的成员具有唯一性,不能重复

7


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/31548651/viewspace-2766814/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-12-13

  • 博文量
    841
  • 访问量
    417003