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 01 Javascript
appendChild() 或 insertBefore()使用与区别介绍
Oct 11 Javascript
jQuery 隐藏和显示 input 默认值示例
Jun 03 Javascript
谈谈Vue.js——vue-resource全攻略
Jan 16 Javascript
layui获取选中行数据的实例讲解
Aug 19 Javascript
基于Vue实现图片在指定区域内移动的思路详解
Nov 11 Javascript
JS对象和字符串之间互换操作实例分析
Feb 02 Javascript
vue项目中使用vue-layer弹框插件的方法
Mar 11 Javascript
js中调用微信的扫描二维码功能的实现代码
Apr 11 Javascript
vue实现虚拟列表功能的代码
Jul 28 Javascript
JavaScript实现下拉列表
Jan 20 Javascript
node使用async_hooks模块进行请求追踪
Jan 28 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文件注释标记及规范小结
2012/04/01 PHP
php gd等比例缩放压缩图片函数
2016/06/12 PHP
PHP入门教程之面向对象基本概念实例分析
2016/09/11 PHP
PHP实现单文件、多个单文件、多文件上传函数的封装示例
2019/09/02 PHP
BOOM vs RR BO3 第一场2.13
2021/03/10 DOTA
基于jQuery的简单九宫格实现代码
2012/08/09 Javascript
JavaScript高级程序设计(第3版)学习笔记6 初识js对象
2012/10/11 Javascript
jquery remove方法应用详解
2012/11/22 Javascript
用jQuery实现一些导航条切换,显示隐藏的实例代码
2013/06/08 Javascript
js中split函数的使用方法说明
2013/12/26 Javascript
node.js中的buffer.slice方法使用说明
2014/12/10 Javascript
javascript面向对象之访问对象属性的两种方式分析
2015/01/13 Javascript
js同源策略详解
2015/05/21 Javascript
js+css简单实现网页换肤效果
2015/12/29 Javascript
Bootstrap插件全集
2016/07/18 Javascript
js继承实现方法详解
2016/12/16 Javascript
详谈js遍历集合(Array,Map,Set)
2017/04/06 Javascript
node.js 抓取代理ip实例代码
2017/04/30 Javascript
原生JS实现逼真的图片3D旋转效果详解
2019/02/16 Javascript
ES6知识点整理之对象解构赋值应用示例
2019/04/17 Javascript
vue 强制组件重新渲染(重置)的两种方案
2019/10/29 Javascript
vue3.0+vue-router+element-plus初实践
2020/12/02 Vue.js
跟老齐学Python之做一个小游戏
2014/09/28 Python
对python数据切割归并算法的实例讲解
2018/12/12 Python
python实现创建新列表和新字典,并使元素及键值对全部变成小写
2019/01/15 Python
python os.fork() 循环输出方法
2019/08/08 Python
Python使用百度api做人脸对比的方法
2019/08/28 Python
python通过移动端访问查看电脑界面
2020/01/06 Python
Python3爬虫关于识别点触点选验证码的实例讲解
2020/07/30 Python
python报错TypeError: ‘NoneType‘ object is not subscriptable的解决方法
2020/11/05 Python
abstract 可以和 virtual 一起使用吗?可以和 override 一起使用吗?
2012/10/15 面试题
小学班主任培训方案
2014/06/04 职场文书
2014应届本科生自我评价
2014/09/13 职场文书
贷款承诺书
2015/01/20 职场文书
2015年村计划生育工作总结
2015/04/28 职场文书
Moment的feature导致线上bug解决分析
2022/09/23 Javascript