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 相关文章推荐
获取客户端电脑日期时间js代码(jquery)
Sep 12 Javascript
JavaScript 和 Java 的区别浅析
Jul 31 Javascript
JS的参数传递示例介绍
Feb 08 Javascript
JQuery跳出each循环的方法
Apr 16 Javascript
JS/Jquery判断对象为空的方法
Jun 11 Javascript
javascript 动态修改css样式方法汇总(四种方法)
Aug 27 Javascript
学习JavaScript设计模式之责任链模式
Jan 18 Javascript
原生JS+Canvas实现五子棋游戏实例
Jun 19 Javascript
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
你不可不知的Vue.js列表渲染详解
Oct 01 Javascript
Angular8引入百度Echarts进行图表分析的实现代码
Nov 27 Javascript
JS+CSS实现炫酷光感效果
Sep 05 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中路径问题的解决方案
2006/10/09 PHP
深入解析yii权限分级式访问控制的实现(非RBAC法)
2013/06/13 PHP
浅析PHP 按位与或 (^ 、&amp;)
2013/06/21 PHP
php正则表达式学习笔记
2015/11/13 PHP
php表单加入Token防止重复提交的方法分析
2016/10/10 PHP
thinkPHP统计排行与分页显示功能示例
2016/12/02 PHP
jquery 获取json数据实现代码
2009/04/27 Javascript
JavaScript sup方法入门实例(把字符串显示为上标)
2014/10/20 Javascript
AspNet中使用JQuery上传插件Uploadify详解
2015/05/20 Javascript
Bootstrap前端开发案例二
2016/06/17 Javascript
基于javascript实现的快速排序
2016/12/02 Javascript
微信小程序 Button 组件详解及简单实例
2017/01/10 Javascript
vue多种弹框的弹出形式的示例代码
2017/09/18 Javascript
Bootstrap Table快速完美搭建后台管理系统
2017/09/20 Javascript
nodeJs爬虫的技术点总结
2018/05/13 NodeJs
微信小程序异步API为Promise简化异步编程的操作方法
2018/08/14 Javascript
详解如何模拟实现node中的Events模块(通俗易懂版)
2019/04/15 Javascript
详解微信小程序缓存--缓存时效性
2019/05/02 Javascript
微信小程序 checkbox使用实例解析
2019/09/09 Javascript
jQuery 查找元素操作实例小结
2019/10/02 jQuery
python实现超简单端口转发的方法
2015/03/13 Python
处理Python中的URLError异常的方法
2015/04/30 Python
Python functools模块学习总结
2015/05/09 Python
利用Python获取赶集网招聘信息前篇
2016/04/18 Python
python正则表达式面试题解答
2020/04/28 Python
python在每个字符后添加空格的实例
2018/05/07 Python
详解python中的json和字典dict
2018/06/22 Python
python 穷举指定长度的密码例子
2020/04/02 Python
HTML5 script元素async、defer异步加载使用介绍
2013/08/23 HTML / CSS
苏格兰销售女装、男装和童装的连锁店:M&Co
2018/03/16 全球购物
Topshop法国官网:英国快速时尚品牌
2018/04/08 全球购物
英国空调、除湿机和通风设备排名第一:Air Con Centre
2019/02/25 全球购物
求职自荐信怎么写
2014/03/06 职场文书
2014年小学国庆节活动方案
2014/09/16 职场文书
初中数学教学随笔
2015/08/15 职场文书
Vue Element UI自定义描述列表组件
2021/05/18 Vue.js