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实现简单模态窗口,背景灰显
Nov 14 Javascript
JQuery 无废话系列教程(二) jquery实战篇上
Jun 23 Javascript
Prototype 学习 Prototype对象
Jul 12 Javascript
Confirmer JQuery确认对话框组件
Jun 09 Javascript
javascript中使用css需要注意的地方小结
Sep 01 Javascript
Jquery对新插入的节点 绑定Click事件失效的解决方法
Jun 02 Javascript
浅谈Node Inspector 代理实现
Oct 19 Javascript
详解Webstorm 新建.vue文件支持高亮vue语法和es6语法
Oct 26 Javascript
mpvue跳转页面及注意事项
Aug 03 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
Sep 11 Javascript
Javascript通过控制类名更改样式
May 24 Javascript
Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解
Aug 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
PHP Mysql编程之高级技巧
2008/08/27 PHP
PHP安全上传图片的方法
2015/03/21 PHP
PHP记录和读取JSON格式日志文件
2016/07/07 PHP
Yii2实现ActiveForm ajax提交
2017/05/26 PHP
JSONP获取Twitter和Facebook文章数的具体步骤
2014/02/24 Javascript
JavaScript中的闭包介绍
2015/03/15 Javascript
jQuery实现按键盘方向键翻页特效
2015/03/18 Javascript
javascript正则表达式基础知识入门
2015/04/20 Javascript
javascript实现行拖动的方法
2015/05/27 Javascript
JQuery.Ajax()的data参数类型实例详解
2015/11/20 Javascript
JavaScript html5 canvas绘制时钟效果(二)
2016/03/27 Javascript
js中判断变量类型函数typeof的用法总结
2016/08/09 Javascript
AngularJS下对数组的对比分析
2016/08/24 Javascript
基于JS实现翻书效果的页面切换样式
2017/02/16 Javascript
es6的数字处理的方法(5个)
2017/03/16 Javascript
babel的使用及安装配置教程
2018/02/22 Javascript
Angular4集成ng2-file-upload的上传组件
2018/03/14 Javascript
Vue前端开发规范整理(推荐)
2018/04/23 Javascript
jQuery插件实现弹性运动完整示例
2018/07/07 jQuery
基于vue2.0的活动倒计时组件countdown(附源码下载)
2018/10/09 Javascript
微信小程序图片左右摆动效果详解
2019/07/13 Javascript
es6中let和const的使用方法详解
2020/02/24 Javascript
如何在JavaScript中正确处理变量
2020/12/25 Javascript
Python使用bs4获取58同城城市分类的方法
2015/07/08 Python
Python自然语言处理 NLTK 库用法入门教程【经典】
2018/06/26 Python
python实现二级登陆菜单及安装过程
2019/06/21 Python
韩国三大免税店之一:THE GRAND 中文免税店
2016/07/21 全球购物
圣诞节红领巾广播稿
2014/02/03 职场文书
消防宣传口号
2014/06/16 职场文书
租房协议书范例
2014/10/14 职场文书
离婚答辩状范文
2015/05/22 职场文书
校运会新闻稿
2015/07/17 职场文书
网吧温馨提示
2015/07/17 职场文书
小学生教师节广播稿
2015/08/19 职场文书
大学生各类奖学金申请书
2019/06/24 职场文书
Windows Server 2016 配置 IIS 的详细步骤
2022/04/28 Servers