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 相关文章推荐
jQuery 入门讲解1
Apr 15 Javascript
JQuery的ajax获取数据后的处理总结(html,xml,json)
Jul 14 Javascript
javascript插入样式实现代码
Feb 22 Javascript
jquery超简单实现手风琴效果的方法
Jun 05 Javascript
JQuery实现鼠标移动图片显示描述层的方法
Jun 25 Javascript
基于BootStrap Metronic开发框架经验小结【四】Bootstrap图标的提取和利用
May 12 Javascript
switch语句的妙用(必看篇)
Oct 03 Javascript
JavaScript编程设计模式之观察者模式(Observer Pattern)实例详解
Oct 25 Javascript
vue使用iframe嵌入网页的示例代码
Jun 09 Javascript
Vue实现微信支付功能遇到的坑
Jun 05 Javascript
vue+vant实现商品列表批量倒计时功能
Jan 13 Javascript
微信小程序用户登录和登录态维护的实现
Dec 10 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操作数组的一些函数整理介绍
2011/07/17 PHP
PHP大批量插入数据库的3种方法和速度对比
2014/07/08 PHP
php常用hash加密函数
2014/11/22 PHP
PHP 验证身份证是否合法的函数
2017/02/09 PHP
详解PHP序列化和反序列化原理
2018/01/15 PHP
JavaScript中的其他对象
2008/01/16 Javascript
避免 showModalDialog 弹出新窗体的原因分析
2010/05/31 Javascript
js判断数据类型如判断是否为数组是否为字符串等等
2014/01/15 Javascript
浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
2014/11/23 Javascript
原生js制作简单的数字键盘
2015/04/24 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
2015/10/21 Javascript
easyui-combobox 实现简单的自动补全功能示例
2016/11/08 Javascript
Bootstrap简单表单显示学习笔记
2016/11/15 Javascript
12 款 JS 代码测试必备工具(翻译)
2016/12/13 Javascript
vue.js从安装到搭建过程详解
2017/03/17 Javascript
jQuery日程管理控件glDatePicker用法详解
2017/03/29 jQuery
JS实现按钮控制计时开始和停止功能
2017/07/27 Javascript
vue集成kindeditor富文本的实现示例代码
2019/06/07 Javascript
Vue 列表上下过渡效果的实例代码
2019/06/25 Javascript
jquery.pager.js分页实现详解
2019/07/29 jQuery
JS FormData对象使用方法实例详解
2020/02/12 Javascript
React服务端渲染原理解析与实践
2021/03/04 Javascript
[02:04]2020年夜魇暗潮预告片
2020/10/30 DOTA
Python在for循环中更改list值的方法【推荐】
2018/08/17 Python
使用python读取.text文件特定行的数据方法
2019/01/28 Python
Python中的十大图像处理工具(小结)
2019/06/10 Python
PyQt5 closeEvent关闭事件退出提示框原理解析
2020/01/08 Python
使用CSS3实现SVG路径描边动画效果入门教程
2019/10/21 HTML / CSS
学校岗位设置方案
2014/01/16 职场文书
乡镇平安建设汇报材料
2014/08/25 职场文书
有关九一八事变的演讲稿
2014/09/14 职场文书
文明家庭事迹材料
2014/12/20 职场文书
主持人开幕词
2015/01/29 职场文书
pytorch 带batch的tensor类型图像显示操作
2021/05/20 Python
pytorch finetuning 自己的图片进行训练操作
2021/06/05 Python
Vue全局事件总线你了解吗
2022/02/24 Vue.js