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 相关文章推荐
JS 自动完成 AutoComplete(Ajax 查询)
Jul 07 Javascript
jQuery 遍历json数组的实现代码
Sep 22 Javascript
JS对象转换为Jquery对象示例
Jan 26 Javascript
js实现文字跟随鼠标移动而移动的方法
Feb 28 Javascript
TypeError document.getElementById(...) is null错误原因
May 18 Javascript
jQuery EasyUI tree 使用拖拽时遇到的错误小结
Oct 10 Javascript
原生javascript实现读写CSS样式的方法详解
Feb 20 Javascript
JS库之wow.js使用方法
Sep 14 Javascript
AngularJS实现表单验证功能详解
Oct 12 Javascript
超出JavaScript安全整数限制的数字计算BigInt详解
Jun 24 Javascript
浅谈Vue数据响应
Nov 05 Javascript
详解vue使用插槽分发内容slot的用法
Mar 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
CI框架自动加载session出现报错的解决办法
2014/06/17 PHP
PHP实现linux命令tail -f
2016/02/22 PHP
laravel通过a标签从视图向控制器实现传值
2019/10/15 PHP
在IE下:float属性会影响offsetTop的取值
2006/12/22 Javascript
js checkbox(复选框) 使用集锦
2009/04/28 Javascript
JQuery最佳实践之精妙的自定义事件
2010/08/11 Javascript
基于jquery的跨域调用文件
2010/11/19 Javascript
JavaScript性能陷阱小结(附实例说明)
2010/12/28 Javascript
在js文件中如何获取basePath处理js路径问题
2013/07/10 Javascript
JS 去除Array中的null值示例代码
2013/11/20 Javascript
ext前台接收action传过来的json数据示例
2014/06/17 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
2015/03/04 Javascript
Bootstrap入门书籍之(四)菜单、按钮及导航
2016/02/17 Javascript
JSON简介以及用法汇总
2016/02/21 Javascript
全面了解addEventListener和on的区别
2016/07/14 Javascript
js Canvas绘制圆形时钟效果
2017/02/17 Javascript
微信小程序 template模板详解及实例
2017/02/21 Javascript
Nodejs--post的公式详解
2017/04/29 NodeJs
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
2017/11/19 Javascript
Javascript将图片的绝对路径转换为base64编码的方法
2018/01/11 Javascript
基于Nodejs的Tcp封包和解包的理解
2018/09/19 NodeJs
Angular 中使用 FineReport不显示报表直接打印预览
2019/08/21 Javascript
python实现网页链接提取的方法分享
2014/02/25 Python
Python同时向控制台和文件输出日志logging的方法
2015/05/26 Python
在Python的Django框架的视图中使用Session的方法
2015/07/23 Python
python rsa 加密解密
2017/03/20 Python
Python使用defaultdict读取文件各列的方法
2017/05/11 Python
由Python编写的MySQL管理工具代码实例
2019/04/09 Python
HTML5 拖拽批量上传文件的示例代码
2018/03/28 HTML / CSS
C#中有没有静态构造函数,如果有是做什么用的?
2016/06/04 面试题
Overload和Override的区别。Overloaded的方法是否可以改变返回值的类型
2013/10/30 面试题
职高毕业生自我鉴定
2013/10/21 职场文书
安全保证书范文
2014/04/29 职场文书
经销商年会策划方案
2014/05/29 职场文书
任命书怎么写
2014/06/04 职场文书
浅谈音视频 pts dts基本概念及理解
2022/08/05 数码科技