好程序员web前端培训之JavaScript数组去重方法
2019-03-29 11:43
561 查看
好程序员web前端之JavaScript数组去重方法,一周学习结束,老师布置我们要写一篇技术文章,脑袋里面的第一个想法就是数组去重,在网上也百度了一下,很多公司面试的时候有很大的几率会问数组去重的问题。所以今天我就给大家分享我所用过的四种数组去重的方法。
1、第一种办法主要是用两个循环来遍历整个数组,从第一个开始跟后面的比较,找到一样的就删除后面重复的值。数组去重无非就是找到两个以上重复的值,保留其中一个就可以了,这种办法很好理解,但是效率不高。代码如下:
2、第二种办法是利用对象属性名不能重复的原理来去重的,这个也是我写的这几种方法里面,去重效率最高的一种,代码如下:
备注:js对象是一种复合类型,它允许你通过变量名存储和访问,换一种思路,对象是一个无序的属性集合,集合中的每一项都由名称和值组成。比如是varobj={id:1,name:”Timmy”}
3、第三种方法是利用Set结构的属性来去重,代码如下:
备注:Set是ES6提供了新的数据结构。它类似于数组,但是成员的值都是唯一的,没有重复的值。(不包括空对象),所以可以用这个办法来数组去重。
4、第四种方法原理其实跟第一种差不多的,不过分成了两个函数来写,第一个函数来找到数组中某一个值有没有重复的,要是没有就返回false,第二个函数就来遍历整个数组。
本文由好程序员web前端总结。
相关文章推荐
- 前端开发:Javascript中的数组,常用方法解析
- web前端学习,JavaScript中对象继承方法你了解多少呢?
- Android程序员学WEB前端(10)-JavaScript(1)-基础-Sublime
- web前端字符串和数组最容易混淆的常用方法
- Web前端程序员推荐7个实用的JavaScript工具
- web前端javascript数组去重
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
- web前端教程之javascript创建对象的方法
- web前端之JavaScript,调用函数的5种方法
- Android程序员学WEB前端(12)-JavaScript(3)-正则表达式-Sublime
- Android程序员学WEB前端(13)-JavaScript(4)-Bom-Sublime
- WEB前端 javascript、php关键字搜索函数的使用方法
- Android程序员学WEB前端(11)-JavaScript(2)-函数-Sublime
- Web前端从入门到放弃(js数组基础和数组方法的各种使用)
- web前端基础:javascript数组操作方法
- Web前端——Javascript复习(数组)
- javascript数组常用方法
- Web 前端优化最佳实践之 JavaScript 篇
- javascript 中数组使用方法汇总【转】
- Javascript 数组添加 shuffle 方法的实现代码