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 相关文章推荐
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
Mar 06 Javascript
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
Apr 29 Javascript
基于jQuery的消息提示插件 DivAlert之旅(二)
Apr 01 Javascript
JavaScript的RequireJS库入门指南
Jul 01 Javascript
整理Javascript流程控制语句学习笔记
Nov 29 Javascript
超全面的javascript中变量命名规则
Feb 09 Javascript
vue+vue-validator 表单验证功能的实现代码
Nov 13 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
May 31 Javascript
解决element UI 自定义传参的问题
Aug 22 Javascript
react-router 路由切换动画的实现示例
Dec 03 Javascript
使用jQuery如何写一个含验证码的登录界面
May 13 jQuery
vue+elementUI中表格高亮或字体颜色改变操作
Nov 02 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
WordPress中用于创建以及获取侧边栏的PHP函数讲解
2015/12/29 PHP
php中上传文件的的解决方案
2018/09/25 PHP
在网页中屏蔽快捷键
2006/09/06 Javascript
在新窗口打开超链接的方法小结
2013/04/14 Javascript
setTimeout()递归调用不加引号出错的解决方法
2014/09/05 Javascript
JavaScript实现页面跳转的方式汇总
2016/05/16 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
2016/11/01 Javascript
JavaScript自定义分页样式
2017/01/17 Javascript
vue实现可视化可拖放的自定义表单的示例代码
2019/03/20 Javascript
Angular 2使用路由自定义弹出组件toast操作示例
2019/05/10 Javascript
详解Vue3.0 前的 TypeScript 最佳入门实践
2019/06/18 Javascript
EasyUI 数据表格datagrid列自适应内容宽度的实现
2019/07/18 Javascript
原生js实现的移动端可拖动进度条插件功能详解
2019/08/15 Javascript
解析vue、angular深度作用选择器
2019/09/11 Javascript
React Hooks 实现和由来以及解决的问题详解
2020/01/17 Javascript
Python下的常用下载安装工具pip的安装方法
2015/11/13 Python
Python跨文件全局变量的实现方法示例
2017/12/10 Python
Python简单计算数组元素平均值的方法示例
2017/12/26 Python
Python cookbook(数据结构与算法)找到最大或最小的N个元素实现方法示例
2018/02/13 Python
Python生成器generator用法示例
2018/08/10 Python
对Python 获取类的成员变量及临时变量的方法详解
2019/01/22 Python
python dlib人脸识别代码实例
2019/04/04 Python
浅谈python新式类和旧式类区别
2019/04/26 Python
Python基于BeautifulSoup和requests实现的爬虫功能示例
2019/08/02 Python
PyCharm+Pipenv虚拟环境开发和依赖管理的教程详解
2020/04/16 Python
python同时遍历两个list用法说明
2020/05/02 Python
Python数据模型与Python对象模型的相关总结
2021/01/26 Python
CSS3实现各种图形的示例代码
2016/10/19 HTML / CSS
英国婴儿及儿童产品商店:TigerParrot
2019/03/04 全球购物
大一新生军训时的自我评价分享
2013/12/05 职场文书
态度决定一切演讲稿
2014/05/20 职场文书
学校食品安全责任书
2015/01/29 职场文书
布达拉宫的导游词
2015/02/02 职场文书
肖申克的救赎观后感
2015/06/02 职场文书
Python OpenCV实现传统图片格式与base64转换
2021/06/13 Python
Python数据结构之队列详解
2022/03/21 Python