JS实现数组去重复值的方法示例


Posted in Javascript onFebruary 18, 2017

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

运行效果图如下:

JS实现数组去重复值的方法示例

完整实例代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<script type="text/javascript" language="javascript" >
Array.prototype.distinct = function(){
 var $ = this;
 var o1 = {}; //存放去重复值
 var o2 = {}; //存放重复值
 var o3 = []; //存放重复值
 var o; //数组单个变量
 for(var i=0;o = $[i];i++){
 if(o in o1){
  if(!(o in o2)) o2[o] = o;
  delete $[i];
 }else{
  o1[o] = o;
 }
 }
 $.length = 0; //清空原数组
 for(o in o1){
 $.push(o);
 }
 for(o in o2){
 o3.push(o);
 }
 return o3;
}
var a = [2,2,2,3,3,3,4,4,5,6,7,7];
console.log("原数组:" + a); //2,2,2,3,3,3,4,4,5,6,7,7
console.log("有重复的元素是:" + a.distinct()); //2,3,4,7
console.log("整理后的数组是:" + a);      //2,3,4,5,6,7
console.log("整理后的长度是:" + a.length)    //6
</script>
</head>
<body>
</body>
</html>
Javascript 相关文章推荐
JS基础之undefined与null的区别分析
Aug 08 Javascript
利用谷歌地图API获取点与点的距离的js代码
Oct 11 Javascript
Jquery实现弹出层分享微博插件具备动画效果
Apr 03 Javascript
jQuery短信验证倒计时功能实现方法详解
May 25 Javascript
ionic实现可滑动的tab选项卡切换效果
Apr 15 Javascript
原生JS取代一些JQuery方法的简单实现
Sep 20 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
Jan 06 Javascript
Easyui笔记2:实现datagrid多行删除的示例代码
Jan 14 Javascript
使用vue与jquery实时监听用户输入状态的操作代码
Sep 19 jQuery
layerUI下的绑定事件实例代码
Aug 17 Javascript
JavaScript中concat复制数组方法浅析
Jan 20 Javascript
node.js实现微信开发之获取用户授权
Mar 18 Javascript
bootstarp modal框居中显示的实现代码
Feb 18 #Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
Feb 18 #Javascript
JS表单数据验证的正则表达式(常用)
Feb 18 #Javascript
JavaScript实现的鼠标响应颜色渐变效果完整实例
Feb 18 #Javascript
JS设置时间无效问题的解决办法
Feb 18 #Javascript
js的OOP继承实现(必看篇)
Feb 18 #Javascript
jQuery仿IOS弹出框插件
Feb 18 #Javascript
You might like
解析php dirname()与__FILE__常量的应用
2013/06/24 PHP
PHP中比较时间大小实例
2014/08/21 PHP
PHP遍历XML文档所有节点的方法
2015/03/12 PHP
解决安装WampServer时提示缺少msvcr110.dll文件的问题
2017/07/09 PHP
Jquery 动态添加按钮实现代码
2010/05/06 Javascript
关于跨站脚本攻击问题
2011/12/22 Javascript
Jquery的hover方法让鼠标经过li时背景变色
2013/09/06 Javascript
Checbox的操作含已选、未选及判断代码
2013/11/07 Javascript
深入领悟JavaScript中的面向对象
2013/11/18 Javascript
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
2019/06/18 jQuery
JS获取当前时间的年月日时分秒及时间的格式化的方法
2019/12/18 Javascript
使用konva和vue-konva库实现拖拽滑块验证功能
2020/04/27 Javascript
JavaScript canvas实现雨滴特效
2021/01/10 Javascript
[06:16]《DAC最前线》之地区预选赛全面回顾
2015/01/19 DOTA
Python修改Excel数据的实例代码
2013/11/01 Python
十个Python程序员易犯的错误
2015/12/15 Python
python 识别图片中的文字信息方法
2018/05/10 Python
python爬虫之urllib3的使用示例
2018/07/09 Python
python的pip安装以及使用教程
2018/09/18 Python
python selenium执行所有测试用例并生成报告的方法
2019/02/13 Python
python过滤中英文标点符号的实例代码
2019/07/15 Python
Python 生成器,迭代,yield关键字,send()传参给yield语句操作示例
2019/10/12 Python
python集成开发环境配置(pycharm)
2020/02/14 Python
python函数map()和partial()的知识点总结
2020/05/26 Python
Python字符串split及rsplit方法原理详解
2020/06/29 Python
html5 canvas手势解锁源码分享
2020/01/07 HTML / CSS
美赞臣新加坡官方旗舰店:Enfagrow新加坡
2019/05/15 全球购物
生产现场工艺工程师岗位职责
2013/11/28 职场文书
竞聘副主任科员演讲稿
2014/01/11 职场文书
高一物理教学反思
2014/01/24 职场文书
2014新课程改革心得体会
2014/03/10 职场文书
村创先争优活动总结
2014/08/28 职场文书
院党委组织查摆问题对照检查材料思想汇报2014
2014/10/08 职场文书
采购员岗位职责
2015/02/03 职场文书
宿舍管理制度范本
2015/08/07 职场文书
《观潮》教学反思
2016/02/17 职场文书