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 相关文章推荐
animate动画示例(泪奔的小孩)及stop和delay的使用
May 06 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
Dec 25 Javascript
JS实现图片放大缩小的方法
Feb 15 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
Apr 27 jQuery
Angular2学习教程之ng中变更检测问题详解
May 28 Javascript
PHP 实现一种多文件上传的方法
Sep 20 Javascript
Bootstrap Table 删除和批量删除
Sep 22 Javascript
jQuery中过滤器的基本用法示例
Oct 11 jQuery
Node.js使用MySQL连接池的方法实例
Feb 11 Javascript
Angular5中调用第三方库及jQuery的添加的方法
Jun 07 jQuery
axios对请求各种异常情况处理的封装方法
Sep 25 Javascript
详解Vue的异步更新实现原理
Dec 22 Vue.js
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开启目录引索+fancyindex漂亮目录浏览带搜索功能
2019/09/23 PHP
PHP架构及原理知识点详解
2019/12/22 PHP
PHP Web表单生成器案例分析
2020/06/02 PHP
一个可绑定数据源的jQuery数据表格插件
2010/07/17 Javascript
jquery autocomplete自动完成插件的的使用方法
2010/08/07 Javascript
Jquery index()方法 获取相应元素索引值
2012/10/12 Javascript
在Python中使用glob模块查找文件路径的方法
2015/06/17 Javascript
探讨:JavaScript ECAMScript5 新特性之get/set访问器
2016/05/05 Javascript
探究Vue.js 2.0新增的虚拟DOM
2016/10/20 Javascript
JQuery 进入页面默认给已赋值的复选框打钩
2017/03/23 jQuery
详解nodejs爬虫程序解决gbk等中文编码问题
2017/04/06 NodeJs
微信小程序获取手机网络状态的方法【附源码下载】
2017/12/08 Javascript
ES6关于Promise的用法详解
2018/05/07 Javascript
浅谈Angular6的服务和依赖注入
2018/06/27 Javascript
Vue press 支持图片放大功能的实例代码
2018/11/09 Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
2019/10/17 Javascript
JavaScript实现猜数字游戏
2020/05/20 Javascript
[32:17]完美世界DOTA2联赛循环赛LBZS vs Forest第二场 10月30日
2020/10/31 DOTA
使用scrapy实现爬网站例子和实现网络爬虫(蜘蛛)的步骤
2014/01/23 Python
Python读取ini文件、操作mysql、发送邮件实例
2015/01/01 Python
Python实现高效求解素数代码实例
2015/06/30 Python
Python中如何导入类示例详解
2019/04/17 Python
Pandas删除数据的几种情况(小结)
2019/06/21 Python
PyQt Qt Designer工具的布局管理详解
2019/08/07 Python
python实现高斯判别分析算法的例子
2019/12/09 Python
Python网络爬虫四大选择器用法原理总结
2020/06/01 Python
Python变量及数据类型用法原理汇总
2020/08/06 Python
canvas绘制表情包的示例代码
2018/07/09 HTML / CSS
海信商城:海信电视、科龙空调、容声冰箱官方专卖
2017/02/07 全球购物
Priority Pass机场贵宾室会籍计划:全球超过1200间机场贵宾室
2018/08/26 全球购物
运动鞋、街头服装、手表和手袋的实时市场:StockX
2020/11/25 全球购物
开门红主持词
2014/04/02 职场文书
终止劳动合同协议书
2014/04/14 职场文书
人与自然观后感
2015/06/16 职场文书
创业计划书之面包店
2019/09/12 职场文书
导游词之上海杜莎夫人蜡像馆
2019/11/22 职场文书