当前位置:首页 > 日记 > 正文

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

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中重复元素的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

相关文章

PS图象处理软件让阳光透过树叶散射

PS图象处理软件让阳光透过树叶散射

图象,树叶,处理软件,特效,阳光透过,一缕阳光可以透过层层树叶看到。它给人一种真实的感觉,它比单一的森林景观要好得多。这是通过树叶从不同层次散射阳光PS图象处理软件的方法简介。让我们看一看。 步: 1、打开一张树林的图片,选择图片,最好…

如何重置Windows 10用户账户密码

如何重置Windows 10用户账户密码

用户账户,密码,重置,电脑软件,Windows,你是否有过遗忘了 Windows 10 用户密码而无法登录到计算机的情况,今天我们介绍一个可以重置 Windows 10 用户密码的方法,以帮助大家在不进行重装的前提下挽救系统和数据。虽然很多科技企业都在想办法消…

PPT2007如何设置所有幻灯片自动

PPT2007如何设置所有幻灯片自动

幻灯片,如何设置,电脑软件,当播放幻灯片时,很显然全球自动播放的结果必须是手动的。你是做什么的如何在PPT2007设置自动播放,下面小编辑会告诉你,所有的幻灯片PPT2007设置自动方式。 PPT2007幻灯片自动播放设置的所有 输入动画;标签在右边的…

.NET Core应用类型(Portable apps &

.NET Core应用类型(Portable apps &

类型,电脑软件,Core,NET,contained,介绍有许多种方式可以用来考虑构建应用的类型,通常类型用来描述一个特定的执行模型或者基于此的应用。举例说:控制台应用(Console Application)、Web应用(Web Application)等等。所有这些类型的应用都可以用.NE…

PS如何绘制心跳耳机图标

PS如何绘制心跳耳机图标

图标,绘制,耳机,电脑软件,PS,耳机主要用来听音乐。如何给耳机添加音乐我们可以使用心跳来显示它,然后我们将看详细的教程。 软件名称:Adobe PS图象处理软件8全绿色中文版软件大小:150.1mb更新时间:2015-11-04 1,先找钢笔工具,在没有纸的背景下勾…

如何切换和新建Word文档窗口

如何切换和新建Word文档窗口

文档,方法,窗口,电脑软件,Word,  在打开很多Word文档进行编辑时,可以使用“视图”选项卡中的“切换窗口”来实现快速切换,以对不同的文档进行编辑。以下是小编为您带来的关于切换和新建Word文档窗口的方法,希望对您有所…

ps如何制作gif动画

ps如何制作gif动画

动画,电脑软件,ps,gif,   Photoshop(以下简称PS)是一款强大的处理静态图像的软件。PS具有集成gif动画编辑的功能。这样一来,静态图像可方便地进一步的处理成动态图像,而无需在不同的软件中过渡,下面小编教大家5分钟学会酷炫的gi…

利用PHP实现开心消消乐的算法示例

利用PHP实现开心消消乐的算法示例

算法示例,消消,电脑软件,PHP,前言本文主要介绍了关于PHP如何实现我们大家都知道的开心消消乐的算法,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。一、需求描述: 1、在一个8*8的矩阵方格中随机出现5种颜色的色块。 …

Word2013怎么样隐藏与显示回车符

Word2013怎么样隐藏与显示回车符

回车符,显示,电脑软件,  在Word中一般会默认显示回车符,但如果我们要将包含很多元素的文档排版排得很漂亮的话,那些回车符就会觉得碍眼了。以下是小编为您带来的关于Word2013隐藏与显示回车符,希望对您有所帮助。Word2013隐藏与显示回车符隐…

关于axios返回空对象的问题解决

关于axios返回空对象的问题解决

对象,电脑软件,axios,在本文开始之前,关于axios基本入门用法可以参考这篇文章,下面来看看本文的详细内容吧。问题描述:使用 axios 请求数据的时候,已经请求成功,返回的参数也正确。但打印出来的时候就变成了空对象。分析原因:返回的参数都是正确…

MySQL在添加购物车时防止重复示例

MySQL在添加购物车时防止重复示例

示例代码,购物车,电脑软件,MySQL,前言 最近,由于工作原因,应用购物车的订单支付了。测试了一个错误。当添加到购物车点的点比较快时,两个相同的商品出现在购物车中。 因为当购物车分为2个步骤,第一步是决定是否将被添加到购物车的货物已经在…

PS制作一张逼真的白纸

PS制作一张逼真的白纸

白纸,逼真,电脑软件,PS,   今天小编教大家用PS制作一张逼真的白纸,废话不说,直接上教程,让我们开始吧 :)PS制作一张逼真的白纸废话不说,直接上教程,让我们开始吧 :)第一步:建立一张1280*1024的白底画布.然后在画布中间用选框工具建立一…