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脚本函数库 方便开发
Oct 13 Javascript
快速查找数组中的某个元素并返回下标示例
Sep 03 Javascript
优化Node.js Web应用运行速度的10个技巧
Sep 03 Javascript
javascript实现删除前弹出确认框
Jun 04 Javascript
详解前端自动化工具gulp自动添加版本号
Dec 20 Javascript
JS实现物体带缓冲的间歇运动效果示例
Dec 22 Javascript
BootStrap便签页的简单应用
Jan 06 Javascript
jQuery+pjax简单示例汇总
Apr 21 jQuery
vue基于mint-ui的城市选择3级联动的示例
Oct 25 Javascript
EasyUI的DataGrid绑定Json数据源的示例代码
Dec 16 Javascript
基于express中路由规则及获取请求参数的方法
Mar 12 Javascript
JavaScript使用ul中li标签实现删除效果
Apr 15 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实现将base64格式图片保存在指定目录的方法
2016/10/13 PHP
PHP+jQuery实现滚屏无刷新动态加载数据功能详解
2017/05/04 PHP
yii2.0框架使用 beforeAction 防非法登陆的方法分析
2019/09/11 PHP
自己的js工具_Form 封装
2009/08/21 Javascript
Javascript表格翻页效果的具体实现
2013/10/05 Javascript
jquery实现加载进度条提示效果
2015/11/23 Javascript
认识Knockout及如何使用Knockout绑定上下文
2015/12/25 Javascript
JavaScript的removeChild()函数用法详解
2015/12/27 Javascript
前端实现文件的断点续传(前端文件提交+后端PHP文件接收)
2016/11/04 Javascript
Vue开发中整合axios的文件整理
2017/04/29 Javascript
vue.js实现用户评论、登录、注册、及修改信息功能
2020/05/30 Javascript
浅谈Express异步进化史
2017/09/09 Javascript
vue.js实现的绑定class操作示例
2018/07/06 Javascript
微信小程序onLaunch异步,首页onLoad先执行?
2018/09/20 Javascript
Angular8 简单表单验证的实现示例
2020/06/03 Javascript
ssm+vue前后端分离框架整合实现(附源码)
2020/07/08 Javascript
Python3生成手写体数字方法
2018/01/30 Python
Python3对称加密算法AES、DES3实例详解
2018/12/06 Python
Pytorch中Tensor与各种图像格式的相互转化详解
2019/12/26 Python
pytorch 彩色图像转灰度图像实例
2020/01/13 Python
用python按照图像灰度值统计并筛选图片的操作(PIL,shutil,os)
2020/06/04 Python
利用python+request通过接口实现人员通行记录上传功能
2021/01/13 Python
彪马日本官网:PUMA日本
2019/01/31 全球购物
Notino匈牙利:购买香水和化妆品
2019/04/12 全球购物
劳资人员岗位职责
2013/12/19 职场文书
自荐信需注意事项
2014/01/25 职场文书
教师个人剖析材料
2014/02/05 职场文书
岗位职责风险点
2014/03/12 职场文书
关于责任的演讲稿
2014/05/20 职场文书
工商管理自荐书
2014/07/06 职场文书
财务检查整改报告
2014/11/06 职场文书
毕业生个人自荐书
2015/03/05 职场文书
病危通知书样本
2015/04/17 职场文书
2016年“世界环境日”校园广播稿
2015/12/18 职场文书
2019幼儿园感恩节活动策划书
2019/11/28 职场文书
python实现网络五子棋
2021/04/11 Python