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 相关文章推荐
jquery 实现二级/三级/多级联动菜单的思路及代码
Apr 08 Javascript
JS操作iframe里的dom(实例讲解)
Jan 29 Javascript
Javascript中判断对象是否为空
Jun 10 Javascript
JS基于FileSystemObject创建一个指定路径的TXT文本文件
Aug 05 Javascript
基于jquery实现多级菜单效果
Jul 25 jQuery
Node.js中sequelize时区的配置方法
Dec 10 Javascript
Vue仿今日头条实例详解
Feb 06 Javascript
JavaScript基础心法 数据类型
Mar 05 Javascript
Javascript 编码约定(编码规范)
Mar 11 Javascript
vue-router history模式下的微信分享小结
Jul 05 Javascript
Vue-cli打包后部署到子目录下的路径问题说明
Sep 02 Javascript
js+canvas实现转盘效果(两个版本)
Sep 13 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
PHP4与PHP3中一个不兼容问题的解决方法
2006/10/09 PHP
PHP使用pear实现mail发送功能 windows环境下配置pear
2016/04/15 PHP
ArrayList类(增强版)
2007/04/04 Javascript
EASYUI TREEGRID异步加载数据实现方法
2012/08/22 Javascript
js移除事件 js绑定事件实例应用
2012/11/28 Javascript
jquery选择器、属性设置用法经验总结
2013/09/08 Javascript
javascript验证身份证号
2015/03/03 Javascript
浅析js中substring和substr的方法
2015/11/09 Javascript
全面解析Bootstrap表单使用方法(表单控件状态)
2015/11/24 Javascript
JS+CSS3模拟溢出滚动效果
2016/08/12 Javascript
如何处理JSON中的特殊字符
2016/11/30 Javascript
Javascript中的prototype与继承
2017/02/06 Javascript
vue音乐播放器插件vue-aplayer的配置及其使用实例详解
2017/07/10 Javascript
微信小程序封装自定义弹窗的实现代码
2019/05/08 Javascript
js实现简单的日历显示效果函数示例
2019/11/25 Javascript
vue+iview框架实现左侧动态菜单功能的示例代码
2020/07/23 Javascript
JS实现密码框效果
2020/09/10 Javascript
[43:03]完美世界DOTA2联赛PWL S2 PXG vs Magma 第二场 11.21
2020/11/24 DOTA
Python实现读取字符串按列分配后按行输出示例
2018/04/17 Python
Python 找出出现次数超过数组长度一半的元素实例
2020/05/11 Python
Python django框架 web端视频加密的实例详解
2020/11/20 Python
python爬取抖音视频的实例分析
2021/01/19 Python
解决pytorch 的state_dict()拷贝问题
2021/03/03 Python
使用简单的CSS3属性实现炫酷读者墙效果
2014/01/08 HTML / CSS
CSS3 input框的实现代码类似Google登录的动画效果
2020/08/04 HTML / CSS
HTML5实现多张图片上传功能
2016/03/11 HTML / CSS
Club Monaco加拿大官网:设计师男女服装
2019/09/29 全球购物
法学研究生自我鉴定范文
2013/12/04 职场文书
旅游管理专业个人求职信范文
2013/12/24 职场文书
给老婆的婚前保证书
2014/02/01 职场文书
网管求职信
2014/03/03 职场文书
售后服务承诺书模板
2014/05/21 职场文书
传播学专业毕业生自荐书
2014/07/01 职场文书
民警个人对照检查剖析材料
2014/09/17 职场文书
小学教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
2014年应急管理工作总结
2014/11/26 职场文书