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对html元素取值与赋值的方法
Nov 20 Javascript
js关于字符长度限制的问题示例探讨
Jan 24 Javascript
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
Apr 02 Javascript
你可能不知道的JavaScript的new Function()方法
Apr 17 Javascript
jquery插件NProgress.js制作网页加载进度条
Jun 05 Javascript
不想让浏览器运行javascript脚本的方法
Nov 20 Javascript
js和jquery实现监听键盘事件示例代码
Jun 24 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
May 24 Javascript
简单的三步vuex入门
May 20 Javascript
在vue中实现点击选择框阻止弹出层消失的方法
Sep 15 Javascript
mui js控制开关状态、修改switch开关的值方法
Sep 03 Javascript
Vue程序化的事件监听器(实例方案详解)
Jan 07 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
destoon二次开发入门示例
2014/06/20 PHP
在php和MySql中计算时间差的方法详解
2015/03/27 PHP
PHP7扩展开发之hello word实现方法详解
2018/01/15 PHP
jQuery 表单验证扩展代码(一)
2010/10/11 Javascript
解决自定义$(id)的方法与jquery选择器$冲突的问题
2014/06/14 Javascript
javascript从image转换为base64位编码的String
2014/07/29 Javascript
浅析nodejs实现Websocket的数据接收与发送
2015/11/19 NodeJs
jQuery实现鼠标跟随效果
2017/02/20 Javascript
温故知新——JavaScript中的字符串连接问题最全总结(推荐)
2017/08/21 Javascript
微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法
2017/11/27 Javascript
详解如何用babel转换es6的class语法
2018/04/03 Javascript
js中this的指向问题归纳总结
2018/11/28 Javascript
浅谈javascript中的prototype和__proto__的理解
2019/04/07 Javascript
JavaScript实现图片轮播特效
2019/10/23 Javascript
JavaScript字符和ASCII实现互相转换
2020/06/03 Javascript
JS画布动态实现黑客帝国背景效果
2020/11/08 Javascript
vue监听滚动事件的方法
2020/12/21 Vue.js
在Python中使用HTMLParser解析HTML的教程
2015/04/29 Python
Python3.5局部变量与全局变量作用域实例分析
2019/04/30 Python
django 基于中间件实现限制ip频繁访问过程详解
2019/07/30 Python
python实现超市商品销售管理系统
2019/10/25 Python
Python 实现Image和Ndarray互相转换
2020/02/19 Python
pycharm配置安装autopep8自动规范代码的实现
2021/03/02 Python
澳大利亚领先的在线美容商城:Adore Beauty
2017/04/14 全球购物
List、Map、Set三个接口,存取元素时,各有什么特点?
2015/09/27 面试题
新年抽奖获奖感言
2014/03/02 职场文书
高三高考决心书
2014/03/11 职场文书
施工质量承诺书范文
2014/05/30 职场文书
工作证明英文模板
2014/10/21 职场文书
初二学生评语大全
2014/12/26 职场文书
招标保密承诺书
2015/01/20 职场文书
安装工程师岗位职责
2015/02/13 职场文书
自我评价优缺点范文
2015/03/11 职场文书
幼儿园教师管理制度
2015/08/05 职场文书
2016年共产党员个人承诺书
2016/03/24 职场文书
导游词之江苏溱潼古镇
2019/11/27 职场文书