广告
返回顶部
首页 > 资讯 > 精选 >使用JavaScript怎么对数组去重
  • 554
分享到

使用JavaScript怎么对数组去重

2023-06-14 05:06:45 554人浏览 薄情痞子
摘要

使用javascript怎么对数组去重?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。js数组去重方法:1、遍历数组法;2、数组下标判断法;3、排序后相邻去除法;4、优化的遍历数

使用javascript怎么对数组去重?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

js数组去重方法:1、遍历数组法;2、数组下标判断法;3、排序后相邻去除法;4、优化的遍历数组法;5、数组遍历法。

操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。

js数组去重方法:

第一种:遍历数组法

这种方法最简单最直观,也最容易理解,代码如下:

使用JavaScript怎么对数组去重

这种方法很好理解,利用了indexOf()方法(indexOf()方法如果查询到则返回查询到的第一个结果在数组中的索引,如果查询不到则返回-1)。先创建一个新的空数组用来存储新的去重的数组,然后遍历arr数组,在遍历过程中,分别判断newArr数组里面是不是有遍历到的arr中的元素,如果没有,直接添加进newArr中,如果已经有了(重复),那么不操作,那么从头到尾遍历一遍,正好达到了去重的目的。

第二种:数组下标判断法

这种方法也比较好理解,代码如下:

使用JavaScript怎么对数组去重

这和第一种方法有重叠,不说多余的,直接看if这里,在遍历arr的过程中,如果在arr数组里面找当前的值,返回的索引等于当前的循环里面的i的话,那么证明这个值是第一次出现,所以推入到新数组里面,如果后面又遍历到了一个出现过的值,那也不会返回它的索引,indexof()方法只返回找到的第一个值的索引,所以重复的都会被pass掉,只出现一次的值都被存入新数组中,也达到了去重的目的。

第三种:排序后相邻去除法

这种方法用到了sort()方法,代码如下:

使用JavaScript怎么对数组去重

这种方法的思路是:先用sort()方法把arr排序,那么排完序后,相同的一定是挨在一起的,把它去掉就好了,首先给新数组初始化一个arr[0],因为我们要用它和arr数组进行比较,所以,for循环里面i也是从1开始了,我们让遍历到的arr中的值和新数组最后一位进行比较,如果相等,则pass掉,不相等的,push进来,因为数组重新排序了,重复的都挨在一起,那么这就保证了重复的这几个值只有第一个会被push进来,其余的都和新数组的被push进来的这个元素相等,会被pass掉,也达到了去重的效果。

第四种:优化的遍历数组法

使用JavaScript怎么对数组去重

思路:两层for循环,外面一层是控制遍历到的前一个arr中的元素,里面一层控制的是第一层访问到的元素后面的元素,不断的从第0个开始,让第0个和他后面的元素比较,如果没有和这个元素相等的,则证明没有重复,推入到新数组中存储起来,如果有和这个元素相等的,则pass掉它,直接进入下一次循环。从第1个开始,继续和它后面的元素进行比较,同上进行,一直循环到最后就是:不重复的都被推入新数组里面了,而重复的前面的元素被pass掉了,只留下了最后面的一个元素,这个时候也就不重复了,则推入新数组,过滤掉了所有重复的元素,达到了去重的目的。

第五种:数组遍历法

使用JavaScript怎么对数组去重

思路:也是两层for循环,外层for循环控制的是arr数组的遍历,内层for循环控制的是新数组的遍历,从第0位开始,如果新数组中没有这个arr数组中遍历到的这个元素,那么状态变量bl的值还是true,那么自然进入到了if中把这个值推入到新数组中,如果有这个元素,那么代表重复,则把状态变量bl取值改为false,并且跳出当前循环,不会进入到if内部,而进入下一次外层开始的循环。这样循环往复,最后也达到了去重的效果。

看完上述内容,你们掌握使用JavaScript怎么对数组去重的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注编程网精选频道,感谢各位的阅读!

--结束END--

本文标题: 使用JavaScript怎么对数组去重

本文链接: https://www.lsjlt.com/news/268026.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 使用JavaScript怎么对数组去重
    使用JavaScript怎么对数组去重?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。js数组去重方法:1、遍历数组法;2、数组下标判断法;3、排序后相邻去除法;4、优化的遍历数...
    99+
    2023-06-14
  • 怎么在JavaScript中对象数组去重
    怎么在JavaScript中对象数组去重?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。JavaScript有什么特点1、js属于一种解释性脚本语言;2、在绝大多数浏览器的支...
    99+
    2023-06-14
  • es6数组对象怎么去重
    ES6中可以使用Set和Array.from()方法来进行数组对象的去重。方法一:使用Set去重```let arr = [{id:...
    99+
    2023-10-09
    es6
  • JavaScript怎么实现数组去重
    这篇“JavaScript怎么实现数组去重”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“JavaScript怎么实现数组去重”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接...
    99+
    2023-06-06
  • javascript数组怎么快速去重
    这篇“javascript数组怎么快速去重”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“javascript数组怎么快速去重...
    99+
    2023-07-06
  • 使用JavaScript对数组去重的方法有哪些
    这篇文章将为大家详细讲解有关使用JavaScript对数组去重的方法有哪些,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。1. 利用对象的 key 唯一众所周知,对象的key不可重复,否则后者...
    99+
    2023-06-14
  • 怎么在java中对数组去重
    怎么在java中对数组去重?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。Java的特点有哪些Java的特点有哪些1.Java语言作为静态面向对象编程语言的代表,实现了面向对象理...
    99+
    2023-06-14
  • JavaScript中怎么实现数组去重
    这篇文章主要介绍了JavaScript中怎么实现数组去重,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体如下:数组去重,一般都是在面试的时...
    99+
    2022-10-19
  • Javascript怎样实现数组去重
    这篇文章将为大家详细讲解有关Javascript怎样实现数组去重,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。数组去重1、from()叠加new Set()方法字符串或数值型数组的去重可以直接使用from...
    99+
    2023-06-17
  • JavaScript常用数组去重方法
    本篇内容主要讲解“JavaScript常用数组去重方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript常用数组去重方法”吧!数组去重,一般都是在面试的时候才会碰到,一般是要求手...
    99+
    2023-06-20
  • js数组怎么去重
    js数组去重的方法:1、ES6提供的“new Set()”方法;2、“filter()”方法;3、使用for循环,搭配“indexOf()”方法;4、将数组的每一个元素依次与其他元素比较,有重复元素就删除;5、创建新的空数组,使用“inde...
    99+
    2023-07-10
  • JavaScript常用数组去重的方法及对比详解
    目录前言特殊类型代码一(暴力解法)代码二(ES6)代码三(indexOf + forEach)代码四(indexOf + filter)代码五(sort排序,不支持Symbol)代码...
    99+
    2022-11-13
  • JavaScript实现数组对象去重的多种方法
    目录JavaScript实现数组对象去重的多种方法一、使用 Set 对象:二、使用`reduce`方法:三、使用`filter`方法补充:js数组对象去重1、使用reduce()方法...
    99+
    2023-02-10
    js数组对象去重 js数组去重
  • 关于JavaScript数组对象去重的几种方法
    数组对象如下: let repeatData = [ { id: 1, name: 'sun', age: 18 }, { id: 1, name: ...
    99+
    2023-05-17
    JavaScript数组去重 js数组对象去重
  • 怎么解析JavaScript数组去重和扁平化函数
    这篇文章将为大家详细讲解有关怎么解析JavaScript数组去重和扁平化函数,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。1、数组扁平化(又称数组降维)flat() 方法会按照一个可指定的深...
    99+
    2023-06-22
  • JavaScript常用数组去重实战源码
    数组去重,一般都是在面试的时候才会碰到,一般是要求手写数组去重方法的代码。如果是被提问到,数组去重的方法有哪些?你能答出其中的10种,面试官很有可能对你刮目相看。 在真实的项目中碰到...
    99+
    2022-11-12
  • javascript中去重操作怎么使用
    本篇内容主要讲解“javascript中去重操作怎么使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript中去重操作怎么使用”吧!核心的基本算法    &nb...
    99+
    2023-06-30
  • php怎么实现数组去重
    本文操作环境:windows7系统、PHP7.1版、DELL G3电脑php 数组元素快速去重1.使用array_unique方法进行去重对数组元素进行去重,我们一般会使用array_unique方法,使用这个方法可以把数组中的元素去重。&...
    99+
    2019-10-11
    php
  • JavaScrip中的数组怎么去重
    这篇文章主要讲解了“JavaScrip中的数组怎么去重”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScrip中的数组怎么去重”吧!内置的for-o...
    99+
    2022-10-19
  • js数组去重怎么实现
    这篇文章主要介绍“js数组去重怎么实现”,在日常操作中,相信很多人在js数组去重怎么实现问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”js数组去重怎么实现”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!方法...
    99+
    2023-07-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作