好程序员web前端培训之JavaScript数组去重方法-阿里云开发者社区

开发者社区> 开发与运维> 正文

好程序员web前端培训之JavaScript数组去重方法

简介:   **好程序员**web前端培训之JavaScript数组去重方法,一周学习结束,老师布置我们要写一篇技术文章,脑袋里面的第一个想法就是数组去重,在网上也百度了一下,很多公司面试的时候有很大的几率会问数组去重的问题。所以今天我就给大家分享我所用过的四种数组去重的方法。
  **好程序员**web前端培训之JavaScript数组去重方法,一周学习结束,老师布置我们要写一篇技术文章,脑袋里面的第一个想法就是数组去重,在网上也百度了一下,很多公司面试的时候有很大的几率会问数组去重的问题。所以今天我就给大家分享我所用过的四种数组去重的方法。

  1、第一种办法主要是用两个循环来遍历整个数组,从第一个开始跟后面的比较,找到一样的就删除后面重复的值。数组去重无非就是找到两个以上重复的值,保留其中一个就可以了,这种办法很好理解,但是效率不高。代码如下:

  
![1](https://yqfile.alicdn.com/ac8ed7dcb9d5bfe980ad347c43c70360b30c396a.jpeg)

  2、第二种办法是利用对象属性名不能重复的原理来去重的,这个也是我写的这几种方法里面,去重效率最高的一种,代码如下:

 

![2](https://yqfile.alicdn.com/80e2cdb422a0165e8ac8eb8e69220db2a67b30b7.jpeg)

  备注:js对象是一种复合类型,它允许你通过变量名存储和访问,换一种思路,对象是一个无序的属性集合,集合中的每一项都由名称和值组成。比如是varobj={id:1,name:”Timmy”}

  3、第三种方法是利用Set结构的属性来去重,代码如下:

  
![3](https://yqfile.alicdn.com/3eed31031846d99dbfced800f5dca7738587af3a.jpeg)

  备注:Set是ES6提供了新的数据结构。它类似于数组,但是成员的值都是唯一的,没有重复的值。(不包括空对象),所以可以用这个办法来数组去重。

  4、第四种方法原理其实跟第一种差不多的,不过分成了两个函数来写,第一个函数来找到数组中某一个值有没有重复的,要是没有就返回false,第二个函数就来遍历整个数组。

  
![4](https://yqfile.alicdn.com/c1d184c688f226dc4e1b22379388beac2ae0d57d.jpeg)

  本文由**好程序员**web前端培训学员总结。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章