JavaScript移除数组内重复元素的方法


Posted in Javascript onMarch 18, 2015

本文实例讲述了JavaScript移除数组内重复元素的方法。分享给大家供大家参考。具体分析如下:

这段JS代码用于从数组中移除重复的元素,比如: ['apple', 'orange', 'peach', 'apple', 'strawberry', 'orange'] 去重后返回:s ['apple', 'orange', 'peach', 'strawberry']

function removeDuplicates(arr) {

    var temp = {};

    for (var i = 0; i < arr.length; i++)

        temp[arr[i]] = true;

    var r = [];

    for (var k in temp)

        r.push(k);

    return r;

}

//Usage

var fruits = ['apple', 'orange', 'peach', 'apple', 'strawberry', 'orange'];

var uniquefruits = removeDuplicates(fruits);

//print uniquefruits ['apple', 'orange', 'peach', 'strawberry'];

下面的代码可以在浏览器中验证

Remove duplicate elements from an array.  <br>

<pre>     var fruits = ['apple', 'orange', 'peach', 'apple', 'strawberry', 'orange'];

</pre>

Note 'orange' is duplicate in fruits array. Click to remove duplicate elements from fruits array:<br>

<button onclick="check()">Remove Duplicate</button>

<script>

function removeDuplicates(arr) {

    var temp = {};

    for (var i = 0; i < arr.length; i++)

        temp[arr[i]] = true;

    var r = [];

    for (var k in temp)

        r.push(k);

    return r;

}

function check() {

    var fruits = ['apple', 'orange', 'peach', 'apple', 'strawberry', 'orange'];

    var uniquefruits = removeDuplicates(fruits);

    alert(uniquefruits);

}

</script>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript学习笔记(二) js一些基本概念
Jun 18 Javascript
使用ajax+jqtransform实现动态加载select
Dec 01 Javascript
jQuery显示和隐藏 常用的状态判断方法
Jan 29 Javascript
js实现的后台左侧管理菜单代码
Sep 11 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
Aug 01 Javascript
真正好用的js验证上传文件大小的简单方法
Oct 27 Javascript
Node.JS利用PhantomJs抓取网页入门教程
May 19 Javascript
layui分页效果实现代码
May 19 Javascript
vue点击input弹出带搜索键盘并监听该元素的方法
Aug 25 Javascript
VUEX 数据持久化,刷新后重新获取的例子
Nov 12 Javascript
vue 路由守卫(导航守卫)及其具体使用
Feb 25 Javascript
JS apply用法总结和使用场景实例分析
Mar 14 Javascript
JavaScript给url网址进行encode编码的方法
Mar 18 #Javascript
jQuery删除一个元素后淡出效果展示删除过程的方法
Mar 18 #Javascript
Java File类的常用方法总结
Mar 18 #Javascript
JavaScript中的依赖注入详解
Mar 18 #Javascript
使用js实现的简单拖拽效果
Mar 18 #Javascript
使用纯javascript实现放大镜效果
Mar 18 #Javascript
jQuery创建自定义的选择器用以选择高度大于100的超链接实例
Mar 18 #Javascript
You might like
php中使用Imagick实现图像直方图的实现代码
2011/08/30 PHP
php中文乱码怎么办如何让浏览器自动识别utf-8
2014/01/15 PHP
Zend Framework教程之Zend_Config_Ini用法分析
2016/03/23 PHP
myFocus slide3D v1.1.0 使用方法与下载
2011/01/12 Javascript
jQuery学习笔记之 Ajax操作篇(三) - 过程处理
2014/06/23 Javascript
JS组件Bootstrap导航条使用方法详解
2016/04/29 Javascript
详解React-Todos入门例子
2016/11/08 Javascript
JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】
2017/08/18 Javascript
微信小程序之数据缓存的实例详解
2017/09/29 Javascript
node.js操作MongoDB的实例详解
2017/10/11 Javascript
JS写XSS cookie stealer来窃取密码的步骤详解
2017/11/20 Javascript
实例教学如何写vue插件
2017/11/30 Javascript
浅析Vue中method与computed的区别
2018/03/06 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
2018/07/02 Javascript
JS/HTML5游戏常用算法之碰撞检测 像素检测算法实例详解
2018/12/12 Javascript
layui table 表格模板按钮的实例代码
2019/09/21 Javascript
js判断一个对象是数组(函数)的方法实例
2019/12/19 Javascript
js获取本日、本周、本月的时间代码
2020/02/01 Javascript
python 测试实现方法
2008/12/24 Python
教你用python3根据关键词爬取百度百科的内容
2016/08/18 Python
Python用sndhdr模块识别音频格式详解
2018/01/11 Python
30秒轻松实现TensorFlow物体检测
2018/03/14 Python
对python 各种删除文件失败的处理方式分享
2018/04/24 Python
Python中判断子串存在的性能比较及分析总结
2019/06/23 Python
python实现动态数组的示例代码
2019/07/15 Python
利用Pandas和Numpy按时间戳将数据以Groupby方式分组
2019/07/22 Python
Python面向对象之多态原理与用法案例分析
2019/12/30 Python
python实现scrapy爬虫每天定时抓取数据的示例代码
2021/01/27 Python
html5 http的轮询和Websocket原理
2018/10/19 HTML / CSS
大学军训自我鉴定
2013/12/15 职场文书
总经理助理工作职责
2014/02/06 职场文书
消防先进事迹材料
2014/02/10 职场文书
小学教师培训感言
2014/02/11 职场文书
检察院起诉书
2015/05/20 职场文书
《钢铁是怎样炼成的》高中读后感
2019/08/07 职场文书
MySql新手入门的基本操作汇总
2021/05/13 MySQL