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 相关文章推荐
Packer 3.0 JS压缩及混淆工具 下载
May 03 Javascript
Jquery 动态循环输出表格具体方法
Nov 23 Javascript
JS实现很实用的对联广告代码(可自适应高度)
Sep 18 Javascript
探析浏览器执行JavaScript脚本加载与代码执行顺序
Jan 12 Javascript
深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解
Apr 03 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
Jun 24 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
Aug 18 Javascript
javascript事件的绑定基础实例讲解(34)
Feb 14 Javascript
原生js实现瀑布流布局
Mar 08 Javascript
[原创]jquery判断元素内容是否为空的方法
May 04 jQuery
理顺8个版本vue的区别(小结)
Sep 17 Javascript
小程序登录之支付宝授权的实现示例
Dec 13 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 来访国内外IP判断代码并实现页面跳转
2009/12/18 PHP
php实现监控varnish缓存服务器的状态
2014/12/30 PHP
Yii2.0实现生成二维码功能实例
2017/10/24 PHP
PHP 7.4 新语法之箭头函数实例详解
2019/05/09 PHP
php实现断点续传大文件示例代码
2020/06/19 PHP
重定向实现代码
2006/11/20 Javascript
Sample script that deletes a SQL Server database
2007/06/16 Javascript
扩展jQuery 键盘事件的几个基本方法
2009/10/30 Javascript
js 判断checkbox是否选中的操作方法
2012/11/09 Javascript
.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)
2013/03/11 Javascript
js文件包含的几种方式介绍
2014/09/28 Javascript
jQuery实现ichat在线客服插件
2014/12/29 Javascript
JS使用post提交的两种方式
2015/12/03 Javascript
js实现多图左右切换功能
2016/08/04 Javascript
js每隔两秒输出数组中的一项(实例)
2017/05/28 Javascript
PHP7新特性简述
2017/06/11 Javascript
JS解决position:sticky的兼容性问题的方法
2017/10/17 Javascript
js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
2019/04/30 Javascript
bat和python批量重命名文件的实现代码
2016/05/19 Python
NetworkX之Prim算法(实例讲解)
2017/12/22 Python
python 寻找list中最大元素对应的索引方法
2018/06/28 Python
dataframe 按条件替换某一列中的值方法
2019/01/29 Python
python儿童学游戏编程知识点总结
2019/06/03 Python
Python3.6实现根据电影名称(支持电视剧名称),获取下载链接的方法
2019/08/26 Python
python+opencv实现移动侦测(帧差法)
2020/03/20 Python
Python内存映射文件读写方式
2020/04/24 Python
Python3爬虫中关于中文分词的详解
2020/07/29 Python
python 使用elasticsearch 实现翻页的三种方式
2020/07/31 Python
纯css3(无图片/js)制作的几个社交媒体网站的图标
2013/03/21 HTML / CSS
韩国现代百货官网:Hmall
2018/03/21 全球购物
毕业生护理专业个人求职信范文
2014/01/04 职场文书
个人社会实践自我鉴定
2014/03/24 职场文书
初三班主任寄语大全
2014/04/04 职场文书
军训口号
2014/06/13 职场文书
python自动化调用百度api解决验证码
2021/04/13 Python
「玫瑰之王的葬礼」舞台剧主视觉图公开
2022/03/21 日漫