今天看了廖雪峰的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去掉array重复的元素  # js  # 去掉重复元素  # JavaScript去掉数组中的重复元素  # JS实现数组去重  # 显示重复元素及个数的方法示例  # JavaScript 数组去重并统计重复元素出现的次数实例  # Javascript 去除数组的重复元素  # javascript中去除数组重复元素的实现方法【实例】  # JavaScript重复元素处理方法分析【统计个数、计算、去重复等】  # js 高效去除数组重复元素示例代码  # js实用技巧之去除数组或者对象里重复选项  # 小编  # 的是  # 是一个  # 在这里  # 看了  # 在此  # 给大家  # 掉了  # 来实现  # 用它  # 所述  # 给我留言  # 感谢大家  # 作用于  # 返回值  # 疑问请  # 有任何  # 看到了  # 过滤掉  # 一个函数 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 如何将凡科建站内容保存为本地文件？  Laravel怎么返回JSON格式数据_Laravel API资源Response响应格式化【技巧】  使用豆包 AI 辅助进行简单网页 HTML 结构设计  简历没回改：利用AI润色让你的文字更专业  Laravel Telescope怎么调试_使用Laravel Telescope进行应用监控与调试  大连网站制作公司哪家好一点,大连买房网站哪个好？  Laravel全局作用域是什么_Laravel Eloquent Global Scopes应用指南  如何用花生壳三步快速搭建专属网站？  javascript中闭包概念与用法深入理解  详解阿里云nginx服务器多站点的配置  如何在阿里云虚拟机上搭建网站？步骤解析与避坑指南  Laravel Facade的原理是什么_深入理解Laravel门面及其工作机制  php嵌入式断网后怎么恢复_php检测网络重连并恢复硬件控制【操作】  JavaScript中的标签模板是什么_它如何扩展字符串功能  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  Laravel集合Collection怎么用_Laravel集合常用函数详解  详解Huffman编码算法之Java实现  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  Laravel如何处理文件上传_Laravel Storage门面实现文件存储与管理  香港服务器部署网站为何提示未备案？  Bootstrap整体框架之CSS12栅格系统  Android中Textview和图片同行显示(文字超出用省略号，图片自动靠右边)  JS碰撞运动实现方法详解  Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives  Laravel怎么实现模型属性转换Casting_Laravel自动将JSON字段转为数组【技巧】  Laravel如何记录自定义日志？（Log频道配置）  如何用低价快速搭建高质量网站？  Laravel如何保护应用免受CSRF攻击？（原理和示例）  如何在自有机房高效搭建专业网站？  javascript事件捕获机制【深入分析IE和DOM中的事件模型】  Swift中switch语句区间和元组模式匹配  制作企业网站建设方案,怎样建设一个公司网站？  Laravel怎么实现验证码功能_Laravel集成验证码库防止机器人注册  Laravel如何处理JSON字段_Eloquent原生JSON字段类型操作教程  如何在七牛云存储上搭建网站并设置自定义域名？  如何做网站制作流程,*游戏网站怎么搭建？  ChatGPT怎么生成Excel公式_ChatGPT公式生成方法【指南】  javascript基于原型链的继承及call和apply函数用法分析  百度浏览器网页无法复制文字怎么办 百度浏览器复制修复  如何在阿里云服务器自主搭建网站？  Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】  详解jQuery中基本的动画方法  PHP 实现电台节目表的智能时间匹配与今日/明日轮播逻辑  香港服务器建站指南：免备案优势与SEO优化技巧全解析  Laravel如何实现API速率限制？（Rate Limiting教程）  Laravel如何实现API版本控制_Laravel版本化API设计方案  Laravel如何使用Gate和Policy进行授权？（权限控制）  北京网站制作公司哪家好一点,北京租房网站有哪些？  Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】