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 Hack
Jul 24 Javascript
javascript学习笔记(五) Array 数组类型介绍
Jun 19 Javascript
使用JQUERY进行后台页面布局控制DIV实现左右式
Jan 07 Javascript
在ASP.NET MVC项目中使用RequireJS库的用法示例
Feb 15 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
Oct 28 Javascript
bootstrap实现图片自动轮播
Dec 21 Javascript
js调用刷新界面的几种方式
May 03 Javascript
Node.js环境下Koa2添加travis ci持续集成工具的方法
Jun 19 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
Nov 11 Javascript
详解微信小程序的 request 封装示例
Aug 21 Javascript
解决layer弹出层msg的文字不显示的问题
Sep 11 Javascript
node.js +mongdb实现登录功能
Jun 18 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二进制流 逐bit的低位在前算法(详解)
2013/06/13 PHP
PHP积分兑换接口实例
2015/02/09 PHP
Laravel 5框架学习之向视图传送数据(进阶篇)
2015/04/08 PHP
ThinkPHP控制器详解
2015/07/27 PHP
PHP入门教程之图像处理技巧分析
2016/09/11 PHP
php利用ob_start()清除输出和选择性输出的方法
2018/01/18 PHP
window.js 主要包含了页面的一些操作
2009/12/23 Javascript
基于jquery的自定义鼠标提示效果 jquery.toolTip
2010/11/14 Javascript
如何使用json在前后台进行数据传输实例介绍
2013/04/11 Javascript
javascript在网页中实现读取剪贴板粘贴截图功能
2014/06/07 Javascript
jQuery中append()方法用法实例
2014/12/25 Javascript
javascript中对变量类型的判断方法
2015/08/09 Javascript
Angular 2父子组件数据传递之局部变量获取子组件其他成员
2017/07/04 Javascript
ubuntu编译nodejs所需的软件并安装
2017/09/12 NodeJs
ES6中Array.includes()函数的用法
2017/09/20 Javascript
简单谈谈vue的过渡动画(推荐)
2017/10/11 Javascript
vue.extend与vue.component的区别和联系
2018/09/19 Javascript
vue如何使用async、await实现同步请求
2019/12/09 Javascript
jstree中的checkbox默认选中和隐藏示例代码
2019/12/29 Javascript
基于PHP pthreads实现多线程代码实例
2020/06/24 Javascript
Vue-router中hash模式与history模式的区别详解
2020/12/15 Vue.js
JavaScript中跨域问题的深入理解
2021/03/04 Javascript
Python中使用Tkinter模块创建GUI程序实例
2015/01/14 Python
探究Python中isalnum()方法的使用
2015/05/18 Python
Python的Django框架可适配的各种数据库介绍
2015/07/15 Python
Python全局变量用法实例分析
2016/07/19 Python
详解多线程Django程序耗尽数据库连接的问题
2018/10/08 Python
python3.x实现base64加密和解密
2019/03/28 Python
python opencv实现gif图片分解的示例代码
2019/12/13 Python
深入了解python列表(LIST)
2020/06/08 Python
印度网上购物首选目的地:Flipkart
2016/08/01 全球购物
Java平台和其他软件平台有什么不同
2015/06/05 面试题
化学专业毕业生自荐信
2013/11/15 职场文书
企业精细化管理实施方案
2014/03/23 职场文书
领导欢送会主持词
2015/07/06 职场文书
CSS布局之浮动(float)和定位(position)属性的区别
2021/09/25 HTML / CSS