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 相关文章推荐
javascript 关闭IE6、IE7
Jun 01 Javascript
jQuery1.6 使用方法二
Nov 23 Javascript
jQuery表格插件ParamQuery简单使用方法示例
Dec 05 Javascript
jQuery页面加载初始化常用的三种方法
Jun 04 Javascript
在Ubuntu上安装最新版本的Node.js
Jul 14 Javascript
jquery实现表单验证并阻止非法提交
Jul 09 Javascript
微信小程序之小豆瓣图书实例
Nov 30 Javascript
jQuery Validate 校验多个相同name的方法
May 18 jQuery
在Vue 中使用Typescript的示例代码
Sep 10 Javascript
layui 对table中的数据进行转义的实例
Sep 12 Javascript
javascript中正则表达式语法详解
Aug 07 Javascript
vue+springboot实现登录验证码
May 27 Vue.js
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
《心理测量者3》剧场版动画预告
2020/03/02 日漫
php上传图片之时间戳命名(保存路径)
2014/08/15 PHP
PHP 实现判断用户是否手机访问
2015/01/21 PHP
用js自动判断浏览器分辨率的代码
2007/01/28 Javascript
JS类的封装及实现代码
2009/12/02 Javascript
JavaScript判断窗口是否最小化的代码(跨浏览器)
2010/08/01 Javascript
基于JQuery的访问WebService的代码(可访问Java[Xfire])
2010/11/19 Javascript
javascript动态加载三
2012/08/22 Javascript
JavaScript常用全局属性与方法记录积累
2013/07/03 Javascript
Javascript限制网页只能在微信内置浏览器中访问
2014/11/09 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
Javascript实现多彩雪花从天降散落效果的方法
2015/02/02 Javascript
jQuery解决input超多的表单提交
2015/08/10 Javascript
javascript html5 canvas实现可拖动省份的中国地图
2016/03/11 Javascript
Javascript获取随机数的实现方法
2016/06/22 Javascript
JavaScript函数柯里化原理与用法分析
2017/03/31 Javascript
JS+HTML5实现图片在线预览功能
2017/07/22 Javascript
新手如何快速理解js异步编程
2019/06/24 Javascript
微信小程序实现张图片合成为一张并下载
2019/07/16 Javascript
Vue项目中使用WebUploader实现文件上传的方法
2019/07/21 Javascript
[44:51]2018DOTA2亚洲邀请赛 4.4 淘汰赛 VP vs Liquid 第二场
2018/04/05 DOTA
[00:33]2018DOTA2亚洲邀请赛TNC出场
2018/04/04 DOTA
跟老齐学Python之网站的结构
2014/10/24 Python
详解TensorFlow查看ckpt中变量的几种方法
2018/06/19 Python
Python网页正文转换语音文件的操作方法
2018/12/09 Python
使用SimpleITK读取和保存NIfTI/DICOM文件实例
2020/07/01 Python
Python JSON常用编解码方法代码实例
2020/09/05 Python
Django框架请求生命周期实现原理
2020/11/13 Python
html5 canvas 使用示例
2010/10/22 HTML / CSS
最新的小工具和卓越的产品设计:Oh That Tech!
2019/08/07 全球购物
什么是重载?CTS、CLS和CLR分别做何解释
2012/05/06 面试题
综合办公室个人的自我评价
2013/12/22 职场文书
学习委员自我鉴定
2014/01/13 职场文书
征婚广告词
2014/03/17 职场文书
大学生标准自荐书
2014/06/15 职场文书
mysql中varchar类型的日期进行比较、排序等操作的实现
2021/11/17 MySQL