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 相关文章推荐
初学Javascript的一些总结
Nov 03 Javascript
onkeypress字符按键兼容所有浏览器使用介绍
Apr 24 Javascript
基于JavaScript 类的使用详解
May 07 Javascript
JavaScript类属性的访问方式详解
Feb 11 Javascript
Jquery 点击按钮自动高亮实现原理及代码
Apr 25 Javascript
Google 地图叠加层实例讲解
Aug 06 Javascript
bootstrap输入框组件使用方法详解
Jan 19 Javascript
详解webpack与SPA实践之开发环境搭建
Dec 18 Javascript
使用vue-router beforEach实现判断用户登录跳转路由筛选功能
Jun 25 Javascript
Vue 前端实现登陆拦截及axios 拦截器的使用
Jul 17 Javascript
JS实现可控制的进度条
Mar 25 Javascript
36个正则表达式(开发效率提高80%)
Nov 17 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
Smarty安装配置方法
2008/04/10 PHP
php Session存储到Redis的方法
2013/11/04 PHP
yii2局部关闭(开启)csrf的验证的实例代码
2017/07/10 PHP
JavaScript 比较时间大小的代码
2010/04/24 Javascript
JavaScript高级程序设计 客户端存储学习笔记
2011/09/10 Javascript
简单易用的倒计时js代码
2014/08/04 Javascript
jQuery插件slider实现拖动滑块选取价格范围
2015/04/30 Javascript
浅谈javascript中的Function和Arguments
2016/08/30 Javascript
es6学习笔记之Async函数基本教程
2017/05/11 Javascript
bootstrap datepicker插件默认英文修改为中文
2017/07/28 Javascript
详解webpack + vue + node 打造单页面(入门篇)
2017/09/23 Javascript
基于bootstrap写的一点localStorage本地储存
2017/11/21 Javascript
微信小程序实现鼠标拖动效果示例
2017/12/01 Javascript
vue自动化表单实例分析
2018/05/06 Javascript
JavaScript监听键盘事件代码实现
2020/06/03 Javascript
[04:10]DOTA2英雄梦之声_第11期_圣堂刺客
2014/06/21 DOTA
[03:38]TI4西雅图DOTA2前线报道 71专访
2014/07/08 DOTA
python3.0 字典key排序
2008/12/24 Python
python的三目运算符和not in运算符使用示例
2014/03/03 Python
python动态网页批量爬取
2016/02/14 Python
python:pandas合并csv文件的方法(图书数据集成)
2018/04/12 Python
Python字符串大小写转换拼接删除空白
2019/09/19 Python
Django框架中间件定义与使用方法案例分析
2019/11/28 Python
Python实现中值滤波去噪方式
2019/12/18 Python
解决pycharm中opencv-python导入cv2后无法自动补全的问题(不用作任何文件上的修改)
2020/03/05 Python
python实现简单俄罗斯方块
2020/03/13 Python
Python 用__new__方法实现单例的操作
2020/12/11 Python
中国综合网上购物商城:苏宁易购
2016/08/09 全球购物
HUGO BOSS美国官方网上商店:世界知名奢侈品牌
2017/08/04 全球购物
Kate Spade美国官网:纽约新兴时尚品牌,以包包闻名于世
2017/11/09 全球购物
企业管理部经理岗位职责
2013/12/24 职场文书
学生思想表现的评语
2014/01/30 职场文书
亮剑精神演讲稿
2014/05/23 职场文书
干货:如何写好工作计划!
2019/05/17 职场文书
高中优秀作文(范文)
2019/08/15 职场文书
Python使用random模块实现掷骰子游戏的示例代码
2021/04/29 Python