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控制表格隔行变色
Jun 26 Javascript
jQuery.Validate 使用笔记(jQuery Validation范例 )
Jun 25 Javascript
js设置cookie过期及清除浏览器对应名称的cookie
Oct 24 Javascript
JavaScript中判断整数的多种方法总结
Nov 08 Javascript
轻松搞定js表单验证
Oct 13 Javascript
a标签置灰不可点击的实现方法
Feb 06 Javascript
jquery横向纵向鼠标滚轮全屏切换
Feb 27 Javascript
jquery单击文字或图片内容放大并居中显示
Jun 23 jQuery
react native与webview通信的示例代码
Sep 25 Javascript
vue2.0 实现导航守卫(路由守卫)
May 21 Javascript
vue中各种通信传值方式总结
Feb 14 Javascript
vue element table中自定义一些input的验证操作
Jul 18 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
浅析51个PHP处理字符串的函数
2013/08/02 PHP
PHP使用ActiveMQ实现消息队列的方法详解
2019/05/31 PHP
syntaxhighlighter 使用方法
2007/07/02 Javascript
javascript获得服务器端控件的ID的实现代码
2011/12/28 Javascript
表格奇偶行设置不同颜色的核心JS代码
2013/12/24 Javascript
node.js中的console.timeEnd方法使用说明
2014/12/09 Javascript
JavaScript 基本概念
2015/01/20 Javascript
JavaScript实现汉字转换为拼音的库文件示例
2016/12/22 Javascript
vuejs2.0运用原生js实现简单的拖拽元素功能示例
2017/02/24 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
2017/05/08 Javascript
AngularJS实现单一页面内设置跳转路由的方法
2017/06/28 Javascript
关于JS与jQuery中的文档加载问题
2017/08/22 jQuery
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
2018/05/10 Javascript
vue-router重定向和路由别名的使用讲解
2019/01/19 Javascript
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
2019/09/28 Javascript
node.js中 redis 的安装和基本操作示例
2020/02/10 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
2020/05/29 Javascript
js实现简单的无缝轮播效果
2020/09/05 Javascript
原生js实现表格翻页和跳转
2020/09/29 Javascript
vue-cli —— 如何局部修改Element样式
2020/10/22 Javascript
python机器学习理论与实战(六)支持向量机
2018/01/19 Python
Python socket套接字实现C/S模式远程命令执行功能案例
2018/07/06 Python
Python实现简单石头剪刀布游戏
2021/01/20 Python
Python中按键来获取指定的值
2019/03/02 Python
Pandas0.25来了千万别错过这10大好用的新功能
2019/08/07 Python
使用Python的turtle模块画国旗
2019/09/24 Python
Python IDLE或shell中切换路径的操作
2020/03/09 Python
Python读取yaml文件的详细教程
2020/07/21 Python
CSS实现半透明边框与多重边框的场景分析
2019/11/13 HTML / CSS
美国领先的户外服装与装备用品店:Moosejaw
2016/08/25 全球购物
GANT英国官方网上商店:甘特衬衫
2018/02/06 全球购物
施华洛世奇韩国官网:SWAROVSKI韩国
2018/06/05 全球购物
NBA欧洲商店(西班牙):NBA Europe Store ES
2019/04/16 全球购物
军校本科大学生自我评价
2014/01/14 职场文书
鼓舞士气的口号
2014/06/16 职场文书
美化环境标语
2014/06/20 职场文书