JS实现数组去重,显示重复元素及个数的方法示例


Posted in Javascript onJanuary 21, 2019

本文实例讲述了JS实现数组去重,显示重复元素及个数的方法。分享给大家供大家参考,具体如下:

<script>
var arr = ['土豆','土豆','茄子','土豆','茄子','土豆','紫红色'];
function qc(arr){
    var resultObj = {};
    var result = [];
    var result2 = [];
    for(var i=0; i<arr.length; i++){
      if(result.indexOf(arr[i]) == -1){
        result.push(arr[i]);
      }else{
      if(result2.indexOf(arr[i]) == -1){
        result2.push(arr[i]);
      }
      }
    }
    var obj = {}
    arr.forEach((v,k)=>{
      if(obj[v]){
        obj[v]++;
      }else{
        obj[v] = 1;
      }
    });
    resultObj.result = result;
    resultObj.result2 = result2;
    resultObj.obj = obj;
    return resultObj
}
console.log(qc(arr));
</script>

使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码,可得如下运行结果:

JS实现数组去重,显示重复元素及个数的方法示例

双层for循环遍历

<script>
var a=[1,2,3,4,5,3,5,42,0,2,3,0]
function qc(arr){
    var result=[];
    for(var i=0; i<arr.length; i++){
      for(var j=i+1;j<arr.length;j++){
        if(arr[i] === arr[j]){
          j=++i
        }
      }
      result.push(arr[i])
    }
    document.write(result)
}
qc(a);
</script>

使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码,可得如下运行结果:

JS实现数组去重,显示重复元素及个数的方法示例

Javascript 相关文章推荐
用JavaScript对JSON进行模式匹配 (Part 2 - 实现)
Jul 17 Javascript
同域jQuery(跨)iframe操作DOM(实例讲解)
Dec 19 Javascript
JS制作简单的三级联动
Mar 18 Javascript
JS实现简洁、全兼容的拖动层实例
May 13 Javascript
Jquery使用val方法读写value值
May 18 Javascript
javascript实现图片上传前台页面
Aug 18 Javascript
Vuex2.0+Vue2.0构建备忘录应用实践
Nov 30 Javascript
Mongoose学习全面理解(推荐)
Jan 21 Javascript
AngularJS折叠菜单实现方法示例
May 18 Javascript
微信小程序图片横向左右滑动案例
May 19 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 jQuery
Vue的路由动态重定向和导航守卫实例
Mar 17 Javascript
js中innerText/textContent和innerHTML与target和currentTarget的区别
Jan 21 #Javascript
Vue 表情包输入组件的实现代码
Jan 21 #Javascript
JS实现将对象转化为数组的方法分析
Jan 21 #Javascript
vue中过滤器filter的讲解
Jan 21 #Javascript
vue计算属性computed、事件、监听器watch的使用讲解
Jan 21 #Javascript
VUE v-model表单数据双向绑定完整示例
Jan 21 #Javascript
js中实例与对象的区别讲解
Jan 21 #Javascript
You might like
基于mysql的bbs设计(五)
2006/10/09 PHP
实用函数8
2007/11/08 PHP
php入门学习知识点三 PHP上传
2011/07/14 PHP
PHP怎样用正则抓取页面中的网址
2016/08/09 PHP
Laravel 5.3 学习笔记之 错误&amp;日志
2016/08/28 PHP
php xhprof使用实例详解
2019/04/15 PHP
javascript 面向对象编程 聊聊对象的事
2009/09/17 Javascript
JS 无限级 Select效果实现代码(json格式)
2011/08/30 Javascript
JavaScript中使用构造器创建对象无需new的情况说明
2012/03/01 Javascript
js自定义方法通过隐藏iframe实现文件下载
2013/02/21 Javascript
含有CKEditor的表单如何提交
2014/01/09 Javascript
javascript中实现兼容JAVA的hashCode算法代码分享
2020/08/11 Javascript
JavaScript实现关键字高亮功能
2014/11/12 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
2015/12/03 Javascript
倾力总结40条常见的移动端Web页面问题解决方案
2016/05/24 Javascript
Angularjs中的页面访问权限怎么设置
2016/11/11 Javascript
JavaScript之map reduce_动力节点Java学院整理
2017/06/29 Javascript
JavaScript中工厂函数与构造函数示例详解
2019/05/06 Javascript
swiper Scrollbar滚动条组件详解
2019/09/08 Javascript
Openlayers绘制地图标注
2020/09/28 Javascript
利用Python中SocketServer 实现客户端与服务器间非阻塞通信
2016/12/15 Python
python实现简单点对点(p2p)聊天
2017/09/13 Python
numpy中实现二维数组按照某列、某行排序的方法
2018/04/04 Python
pandas 时间格式转换的实现
2019/07/06 Python
Python3enumrate和range对比及示例详解
2019/07/13 Python
Pandas时间序列:重采样及频率转换方式
2019/12/26 Python
Django的CVB实例详解
2020/02/10 Python
Python: tkinter窗口屏幕居中,设置窗口最大,最小尺寸实例
2020/03/04 Python
flask开启多线程的具体方法
2020/08/02 Python
python 日志模块logging的使用场景及示例
2021/01/04 Python
俄罗斯韩国化妆品网上商店:Cosmasi.ru
2019/10/31 全球购物
经理秘书找工作求职信
2013/12/19 职场文书
大学生2014全国两会学习心得体会
2014/03/10 职场文书
2015年员工试用期工作总结
2015/05/28 职场文书
秋收起义观后感
2015/06/11 职场文书
pytorch DataLoader的num_workers参数与设置大小详解
2021/05/28 Python