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 相关文章推荐
&amp;lt;script defer&amp;gt; defer 是什么意思
May 10 Javascript
尝试在让script的type属性等于text/html
Jan 15 Javascript
用javascript对一个json数组深度赋值示例
Jul 27 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
Dec 17 Javascript
jQuery元素选择器用法实例
Dec 23 Javascript
全面解析Bootstrap排版使用方法(标题)
Nov 30 Javascript
Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
Apr 29 Javascript
canvas实现爱心和彩虹雨效果
Mar 09 Javascript
JavaScript中Array方法你该知道的正确打开方法
Sep 11 Javascript
详解vue的双向绑定原理及实现
May 05 Javascript
Vue过滤器(filter)实现及应用场景详解
Jun 15 Vue.js
三种方式清除vue路由跳转router-link的历史记录
Apr 10 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
短波问题解答
2021/02/28 无线电
php常用ODBC函数集(详细)
2013/06/24 PHP
使用URL传输SESSION信息
2015/07/14 PHP
Laravel模糊查询区分大小写的实例
2019/09/29 PHP
解决PHPstudy Apache无法启动的问题【亲测有效】
2020/10/30 PHP
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
2007/04/12 Javascript
用Javascript实现Windows任务管理器的代码
2012/03/27 Javascript
JavaScript执行效率与性能提升方案
2012/12/21 Javascript
关于js遍历表格的实例
2013/07/10 Javascript
JS获取url链接字符串 location.href
2013/12/23 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
2015/04/16 Javascript
canvas绘制爱心的几种方法总结(推荐)
2017/10/31 Javascript
原生JS封装_new函数实现new关键字的功能
2018/08/12 Javascript
vue项目初始化到登录login页面的示例
2019/10/31 Javascript
JavaScript实现简单的计算器
2020/01/16 Javascript
使用webpack5从0到1搭建一个react项目的实现步骤
2020/12/16 Javascript
[20:30]职业巡回赛回顾
2018/08/09 DOTA
Python3基础之函数用法
2014/08/13 Python
python图像处理之镜像实现方法
2015/05/30 Python
利用python将图片转换成excel文档格式
2017/12/30 Python
numpy判断数值类型、过滤出数值型数据的方法
2018/06/09 Python
Django文件存储 自己定制存储系统解析
2019/08/02 Python
Python适配器模式代码实现解析
2019/08/02 Python
numpy数组做图片拼接的实现(concatenate、vstack、hstack)
2019/11/08 Python
用python拟合等角螺线的实现示例
2019/12/27 Python
python百行代码自制电脑端网速悬浮窗的实现
2020/05/12 Python
Python实现异步IO的示例
2020/11/05 Python
纯css3实现思维导图样式示例
2018/11/01 HTML / CSS
世界上最大的街头服饰网站:Karmaloop
2017/02/04 全球购物
Brookstone美国官网:独特新奇产品
2017/03/04 全球购物
德国旅游网站:weg.de
2018/06/03 全球购物
Skyscanner加拿大:全球旅行搜索平台
2018/11/19 全球购物
酒店总经理工作职责
2013/12/13 职场文书
村主任“四风”问题个人整改措施
2014/10/04 职场文书
学习弘扬焦裕禄精神心得体会
2016/01/23 职场文书
react中useState使用:如何实现在当前表格直接更改数据
2022/08/05 Javascript