JS简单实现数组去重的方法示例

 更新时间:2017年03月27日 11:28:23   作者:哈尼heaven  
这篇文章主要介绍了JS简单实现数组去重的方法,涉及javascript数组的遍历、判断及赋值操作,代码非常简单易懂,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS简单实现数组去重的方法。分享给大家供大家参考,具体如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>JS数组去重</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<script>
var arr = [678, 4, 4, 4, 4, 5, 6, 7, 8, 8, 8, 8, 8];
var result = [];
for (var i = 0; i < arr.length; i++) {
 if (result[arr[i]]) {
} else {
  result[arr[i]] = arr[i];
 }
}
console.log(result);
</script>
</body>
</html>

运行效果图如下:

出现的问题,新数组中值和index值对应。有局限性。虽然可以从小到大排列。

PS:这里再为大家提供几款去重复工具供大家参考使用:

在线去除重复项工具:
http://tools.jb51.net/code/quchong

在线文本去重复工具:
http://tools.jb51.net/aideddesign/txt_quchong

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • 心扬JS分页函数代码

    心扬JS分页函数代码

    通过js实现分页的代码,一般情况下需要指定页数,脚本之家以前也发布过一些,大家结合下即可。
    2010-09-09
  • Echarts实现暂无数据的三种方法

    Echarts实现暂无数据的三种方法

    本文将介绍如何使用Echarts实现暂无数据的三种方法,详细讲解这三种方法的实现步骤和效果展示,帮助读者更好地理解如何在Echarts中处理暂无数据的情况
    2023-08-08
  • 基于JavaScript如何制作遮罩层对话框

    基于JavaScript如何制作遮罩层对话框

    遮罩层听起来貌似很复杂,其实说白了就是一个全界面的半透明的div,用户不可以点击下边的元素,或者说是点击没有反应,接下来通过本文给大家介绍JavaScript如何制作遮罩层对话框,对js遮罩层相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • 一文掌握new Date() 方法

    一文掌握new Date() 方法

    大家平时在开发的时候有没被new Date()折磨过,反正我是踩过很多坑,今天小编通过本文给大家详细讲解下new date()方法应用思考,感兴趣的朋友一起看看吧
    2023-04-04
  • javascript用DIV模拟弹出窗口_窗体滚动跟随

    javascript用DIV模拟弹出窗口_窗体滚动跟随

    可滚动跟随弹出框效果代码,非常实用的应用于网络广告
    2008-09-09
  • JavaScript数组之展开运算符详解

    JavaScript数组之展开运算符详解

    这篇文章主要给大家介绍了关于JavaScript数组之展开运算符的相关资料,你可以通过展开操作符(Spread operator)扩展一个数组对象和字符串,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-12-12
  • 多种方法实现load加载完成后把图片一次性显示出来

    多种方法实现load加载完成后把图片一次性显示出来

    如何一个load 加载完成后把图片一次性显示出来,下面有个不错的方法,希望对大家有所帮助
    2014-02-02
  • bootstrap里bootstrap动态加载下拉框的实例讲解

    bootstrap里bootstrap动态加载下拉框的实例讲解

    今天小编就为大家分享一篇bootstrap里bootstrap动态加载下拉框的实例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • JS实现深拷贝的几种简单方法示例

    JS实现深拷贝的几种简单方法示例

    深拷贝和浅拷贝是在JavaScript中复制对象或数组时经常遇到的概念,下面这篇文章主要给大家介绍了关于JS实现深拷贝的几种简单方法,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-10-10
  • 使用js正则控制input标签只允许输入的值

    使用js正则控制input标签只允许输入的值

    本文为大家介绍下使用js正则控制input标签输入的值:只允许输入数字、只允许输入汉字、只允许输入英文字母等等,具体祥看本文,希望对大家有所帮助
    2013-07-07

最新评论