JS中去掉array中重复元素的方法


Posted in Javascript onMay 26, 2017

今天看了廖雪峰的js教程,看到了filter的用法。

其中用它来实现去除Array中重复元素的方法在这里记录下来。

Filter

filter是一个常用的操作,它用于把Array的某些元素过滤掉,然后返回剩下的元素。

和map()类似,Array的filter()也接收一个函数。和map()不同的是,filter()把传入的函数依次作用于每个元素,然后根据返回值是true还是false决定保留还是丢弃该元素。

利用filter,可以巧妙地去除Array的重复元素:

'use strict';
var
  r,
  arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry'];
  r = arr.filter(function (element, index, self) {
  return self.indexOf(element) === index;
});

因为Array中的indexOf总是返回第一次出现某一个元素的位置,后续的重复元素位置与indexOf返回的位置不相等,因此被filter滤掉了。

以上所述是小编给大家介绍的JS中去掉array中重复元素的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
非常漂亮的JS代码经典广告
Oct 21 Javascript
改善用户体验的五款jQuery插件分享
May 22 Javascript
修改jQuery Validation里默认的验证方法
Feb 14 Javascript
js实现动态添加、删除行、onkeyup表格求和示例
Aug 18 Javascript
js操作输入框中选择内容兼容IE及其他主流浏览器
Apr 22 Javascript
一个简单的实现下拉框多选的插件可移植性比较好
May 05 Javascript
jQuery animate easing使用方法图文详解
Jun 17 Javascript
JS代码实现百度地图 画圆 删除标注
Oct 12 Javascript
手机软键盘弹出时影响布局的解决方法
Dec 15 Javascript
详解VUE项目中安装和使用vant组件
Apr 28 Javascript
详解Vue 如何监听Array的变化
Jun 06 Javascript
解决vue+ element ui 表单验证有值但验证失败问题
Jan 16 Javascript
React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
May 26 #Javascript
AngularJS表单验证功能分析
May 26 #Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
May 26 #Javascript
vue-cli+webpack在生成的项目中使用bootstrap实例代码
May 26 #Javascript
BootStrap中的Fontawesome 图标
May 25 #Javascript
Vue.js 中的 $watch使用方法
May 25 #Javascript
详解Javascript获取缓存和清除缓存API
May 25 #Javascript
You might like
关于手调机和数调机的选择
2021/03/02 无线电
PHP.MVC的模板标签系统(四)
2006/09/05 PHP
ThinkPHP框架表单验证操作方法
2017/07/19 PHP
PHP实现文件上传后台处理脚本
2020/03/04 PHP
PHP 使用位运算实现四则运算的代码
2021/03/09 PHP
JavaScript中document对象使用详解
2015/01/06 Javascript
JavaScript实现的简单幂函数实例
2015/04/17 Javascript
简单的jQuery入门指引
2015/07/28 Javascript
Js获取当前日期时间及格式化代码
2016/09/17 Javascript
jQuery插件form-validation-engine正则表达式操作示例
2017/02/09 Javascript
Vue高版本中一些新特性的使用详解
2018/09/25 Javascript
详解webpack4之splitchunksPlugin代码包分拆
2018/12/04 Javascript
Node.js+ELK日志规范的实现
2019/05/23 Javascript
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
2019/08/08 jQuery
python实现redis三种cas事务操作
2017/12/19 Python
python实现对输入的密文加密
2019/03/20 Python
使用WingPro 7 设置Python路径的方法
2019/07/24 Python
django框架F&Q 聚合与分组操作示例
2019/12/12 Python
Python打开文件、文件读写操作、with方式、文件常用函数实例分析
2020/01/07 Python
python使用paramiko实现ssh的功能详解
2020/03/06 Python
Spring Boot中使用IntelliJ IDEA插件EasyCode一键生成代码详细方法
2020/03/20 Python
解决Python中导入自己写的类,被划红线,但不影响执行的问题
2020/07/13 Python
用 python 进行微信好友信息分析
2020/11/28 Python
网页中的电话号码如何实现一键直呼效果_附示例
2016/03/15 HTML / CSS
使用HTML5 Canvas API控制字体的显示与渲染的方法
2016/03/24 HTML / CSS
CK美国官网:Calvin Klein
2016/08/26 全球购物
自我鉴定书面格式
2014/01/13 职场文书
领班岗位职责范文
2014/02/06 职场文书
本科应届生自荐信
2014/06/29 职场文书
理财计划书
2014/08/14 职场文书
2014年教务处工作总结
2014/12/03 职场文书
机关单位保密工作责任书
2015/05/11 职场文书
班主任开场白
2015/06/01 职场文书
小学生大队委竞选稿
2015/11/20 职场文书
Nginx安装完成没有生成sbin目录的解决方法
2021/03/31 Servers
css样式important规则的正确使用方式
2022/06/10 HTML / CSS