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 相关文章推荐
Prototype使用指南之form.js
Jan 10 Javascript
Domino中运用jQuery读取视图内容的方法
Oct 21 Javascript
javascript+css 网页每次加载不同样式的实现方法
Dec 27 Javascript
前端开发的开始---基于面向对象的Ajax类
Sep 17 Javascript
用JavaScript实现使用鼠标画线的示例代码
Aug 19 Javascript
Node.js node-schedule定时任务隔多少分钟执行一次的方法
Feb 10 Javascript
javascript中判断json的方法总结
Aug 27 Javascript
js代码实现点击按钮出现60秒倒计时
Jan 28 Javascript
Document.body.scrollTop的值总为零的快速解决办法
Jun 09 Javascript
BootStrap Fileinput的使用教程
Dec 30 Javascript
canvas实现钟表效果
Feb 13 Javascript
jquery实现静态搜索功能(可输入搜索文字)
Mar 28 jQuery
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
全国FM电台频率大全 - 2 天津市
2020/03/11 无线电
thinkPHP实现表单自动验证
2014/12/24 PHP
标准版Eclipse搭建PHP环境的详细步骤
2015/11/18 PHP
PHP面向对象程序设计组合模式与装饰模式详解
2016/12/02 PHP
利用PHP访问带有密码的Redis方法示例
2017/02/09 PHP
PDO::setAttribute讲解
2019/01/29 PHP
js计算页面刷新的次数
2009/07/20 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
2013/10/18 Javascript
提取jquery的ready()方法单独使用示例
2014/03/25 Javascript
如何编写高质量JS代码
2014/12/28 Javascript
基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)
2015/11/24 Javascript
jQuery+canvas实现简单的球体斜抛及颜色动态变换效果
2016/01/28 Javascript
Extjs4.0 ComboBox如何实现三级联动
2016/05/11 Javascript
JavaScript编程中实现对象封装特性的实例讲解
2016/06/24 Javascript
jQuery对checkbox 复选框的全选全不选反选的操作
2016/08/09 Javascript
Bootstrap源码解读模态弹出框(11)
2016/12/28 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
2017/09/19 Javascript
windows系统下更新nodejs版本的方案
2017/11/24 NodeJs
纯JS实现出生日期[年月日]下拉菜单效果
2018/06/01 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
2018/12/05 Javascript
详解Vue+Element的动态表单,动态表格(后端发送配置,前端动态生成)
2019/04/20 Javascript
js/jQuery实现全选效果
2019/06/17 jQuery
微信小程序的开发范式BeautyWe.js入门详解
2019/07/10 Javascript
javascript执行上下文、变量对象实例分析
2020/04/25 Javascript
小程序分享链接onShareAppMessage的具体用法
2020/05/22 Javascript
UNIONBAY官网:美国青少年服装品牌
2019/03/26 全球购物
SQL数据库笔试题
2016/03/08 面试题
婚前财产协议书范本
2014/10/19 职场文书
交通事故代理词范文
2015/05/23 职场文书
汤姆索亚历险记读书笔记
2015/06/29 职场文书
2016年“节能宣传周”活动总结
2016/04/05 职场文书
掌握这项技巧,一年阅读300本书不是梦
2019/09/12 职场文书
Vue3如何理解ref toRef和toRefs的区别
2022/02/18 Vue.js
Python+Selenium自动化环境搭建与操作基础详解
2022/03/13 Python
Spring依赖注入多种类型数据的示例代码
2022/03/31 Java/Android
解决Springboot PostMapping无法获取数据的问题
2022/05/06 Java/Android