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 相关文章推荐
利用onresize使得div可以随着屏幕大小而自适应的代码
Jan 15 Javascript
jQuery $.each的用法说明
Mar 22 Javascript
JQuery中如何传递参数如click(),change()等具体实现
Apr 28 Javascript
node.js抓取并分析网页内容有无特殊内容的js文件
Nov 17 Javascript
jQuery为动态生成的select元素添加事件的方法
Aug 29 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
Sep 08 Javascript
再谈javascript常见错误及解决方法
Sep 16 Javascript
微信小程序 navbar实例详解
May 11 Javascript
Node.js如何实现注册邮箱激活功能 (常见)
Jul 23 Javascript
p5.js入门教程和基本形状绘制
Mar 15 Javascript
Element ui 下拉多选时新增一个选择所有的选项
Aug 21 Javascript
详解Vue.js3.0 组件是如何渲染为DOM的
Nov 10 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中register_globals参数为OFF和ON的区别(register_globals 使用详解)
2012/02/05 PHP
PHP中可以自动分割查询字符的Parse_str函数使用示例
2014/07/25 PHP
php写入、删除与复制文件的方法
2015/06/20 PHP
用php定义一个数组最简单的方法
2019/10/04 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
laravel框架分组控制器和分组路由实现方法示例
2020/01/25 PHP
jquery图片滚动放大代码分享(1)
2015/08/25 Javascript
jquery实现清新实用的网页菜单效果
2015/08/28 Javascript
简单谈谈javascript Date类型
2015/09/06 Javascript
JQuery的常用选择器、过滤器、方法全面介绍
2016/05/25 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
2016/08/02 Javascript
使用Ajax生成的Excel文件并下载的实例
2016/11/21 Javascript
详解让sublime text3支持Vue语法高亮显示的示例
2017/09/29 Javascript
vue mint-ui学习笔记之picker的使用
2017/10/11 Javascript
javascript异步处理与Jquery deferred对象用法总结
2019/06/04 jQuery
关于vue.js中实现方法内某些代码延时执行
2019/11/14 Javascript
[03:11]DOTA2上海特锦赛小组赛第一日recap精彩回顾
2016/02/28 DOTA
[01:32:22]DOTA2-DPC中国联赛 正赛 Ehome vs VG BO3 第一场 2月5日
2021/03/11 DOTA
Python写的PHPMyAdmin暴力破解工具代码
2014/08/06 Python
Python中将字典转换为列表的方法
2016/09/21 Python
Django 连接sql server数据库的方法
2018/06/30 Python
python读取指定字节长度的文本方法
2019/08/27 Python
Python实现结构体代码实例
2020/02/10 Python
PyQt5 控件字体样式等设置的实现
2020/05/13 Python
基于pytorch中的Sequential用法说明
2020/06/24 Python
Python爬虫过程解析之多线程获取小米应用商店数据
2020/11/14 Python
2019年Java 最常见的 面试题
2016/10/19 面试题
利用指针变量实现队列的入队操作
2012/04/07 面试题
技术总监管理职责范本
2014/03/06 职场文书
常务副县长“四风”个人对照检查材料思想汇报
2014/10/02 职场文书
2014年学校食堂工作总结
2014/11/25 职场文书
百万英镑观后感
2015/06/09 职场文书
2015年防灾减灾工作总结
2015/07/24 职场文书
创业计划书之游泳馆
2019/09/16 职场文书
话题作文之生命的旋律
2019/12/17 职场文书
用Java实现简单计算器功能
2021/07/21 Java/Android