JS中去掉array中重复元素的方法
更新时间：2017年05月26日 09:24:27 作者：_A_Tong
这篇文章主要介绍了JS中去掉array中重复元素的方法,需要的朋友可以参考下
今天看了廖雪峰的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中重复元素的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
本文主要介绍了js实现日历与定时器的示例代码，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
本文通过实例代码给大家介绍了移动端点击按钮复制文本内容 ，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-07-07
Sample script that deletes a SQL Server database
Sample script that deletes a SQL Server database...2007-06-06
在行走江湖的过程中,会出现很多性能优化的问题来让你手足无措,那么这篇文章主要给大家介绍了关于JS防抖节流函数的实现与使用场景,针对这两个问题来为你答疑解惑,需要的朋友可以参考下2021-07-07
这篇文章主要为大家详细介绍了如何使用原生JS实现简单的HTML转Markdown功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2025-04-04
这篇文章介绍了JavaScript获取FCK编辑器信息的实例代码，有需要的朋友可以参考一下2013-07-07
ajax对于各位来说，应该都不陌生，正因为ajax的产生，导致前台页面和服务器之间的数据传输变得非常容易，同时还可以实现页面的局部刷新。本文图文并茂给大家介绍了js中ajax知识，需要的朋友一起学习吧2016-11-11
在前端开发中Webpack已经成为构建现代JavaScript应用的必备工具,它负责模块的打包和优化,这篇文章主要介绍了前端webpack一些常用配置的作用,文中介绍的非常详细,需要的朋友可以参考下2025-04-04
这篇文章主要介绍了JavaScript 计时事件的相关资料，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-07-07
这篇文章主要给大家介绍了关于基于three.js编写的一个项目类的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2018-01-01
最新评论