JavaScript移除数组内重复元素的方法

更新时间：2015年03月18日 10:45:51 作者：上大王

这篇文章主要介绍了JavaScript移除数组内重复元素的方法,实例分析了javascript遍历数组及删除等操作的相关技巧,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

浅析Js中的单引号与双引号问题
本文是对Js中单引号与双引号的使用进行了总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2013-11-11
JavaScript反射与依赖注入实例详解
这篇文章主要介绍了JavaScript反射与依赖注入,结合实例形式较为详细的分析了JavaScript反射与依赖注入的概念、原理、定义、使用方法及相关操作注意事项,需要的朋友可以参考下
2018-05-05
next.js之getStaticProps getStaticPaths使用技巧解析
这篇文章主要为大家介绍了next.js之getStaticProps getStaticPaths使用技巧解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-06-06
Webpack优化配置缩小文件搜索范围
这篇文章主要介绍了Webpack优化-缩小文件搜索范围的相关知识，文中较详细的给大家介绍了可以优化的途径,需要的朋友可以参考下
2017-12-12
详解js创建对象的几种方法及继承
这篇文章主要介绍了js创建对象的几种方法及继承，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-04-04
js实现固定宽高滑动轮播图效果
本文主要分享了js实现PC固定宽高滑动轮播图效果的示例代码。具有一定的参考价值，下面跟着小编一起来看下吧
2017-01-01
封装获取dom元素的简单实例
下面小编就为大家带来一篇封装获取dom元素的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-07-07
每天一篇javascript学习小结（基础知识）
这篇文章主要介绍了javascript基本的知识点，包括字符串、特殊字符运算、变量转字符串等，对javascript的基础知识讲解的很全面，为了更好地帮助大家学习javascript，感兴趣的小伙伴们可以参考一下
2015-11-11
Bootstrap基本插件学习笔记之轮播幻灯片(23)
这篇文章主要为大家详细介绍了Bootstrap基本插件学习笔记之轮播幻灯片的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
JavaScript奇技淫巧44招【实用】
JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等等。本文主要介绍JavaScript应用的一些小技巧。
2016-12-12