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 相关文章推荐
关于恒等于(===)和非恒等于(!==)
Aug 20 Javascript
js改变鼠标的形状和样式的方法
Mar 31 Javascript
Jquery跳到页面指定位置的方法
May 12 Javascript
js检验密码强度(低中高)附图
Jun 05 Javascript
纯js实现无限空间大小的本地存储
Jun 18 Javascript
jQuery实现导航高亮的方法【附demo源码下载】
Nov 09 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
Nov 21 Javascript
react路由配置方式详解
Aug 07 Javascript
图片加载完成再执行事件的实例
Nov 16 Javascript
Javascript 编码约定(编码规范)
Mar 11 Javascript
layui+SSM的数据表的增删改实例(利用弹框添加、修改)
Sep 27 Javascript
vue实现登录拦截
Jun 29 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
如何选购合适的收音机
2021/03/01 无线电
深入php函数file_get_contents超时处理的方法详解
2013/06/03 PHP
Parse正式发布开源PHP SDK
2014/08/11 PHP
在Mac上编译安装PHP7的开发环境
2015/07/28 PHP
ExtJS 简介 让你知道extjs是什么
2008/12/29 Javascript
js获取select标签的值且兼容IE与firefox
2013/12/30 Javascript
jQuery中.live()方法的用法深入解析
2013/12/30 Javascript
JavaScript中的逻辑判断符&amp;&amp;、||与!介绍
2014/12/31 Javascript
JavaScript数据类型检测代码分享
2015/01/26 Javascript
Javascript中的getUTCDay()方法使用详解
2015/06/10 Javascript
JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法
2016/05/28 Javascript
Boostrap基础教程之JavaScript插件篇
2016/09/08 Javascript
Bootstrap table使用方法详细介绍
2016/12/09 Javascript
关于javascript sort()排序你可能忽略的一点理解
2017/07/18 Javascript
AngularJS监听ng-repeat渲染完成的两种方法
2018/01/16 Javascript
深入浅析Vue中的slots/scoped slots
2018/04/03 Javascript
如何为你的JavaScript代码日志着色详解
2019/04/08 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
2019/05/21 Javascript
在pycharm中开发vue的方法步骤
2020/03/04 Javascript
vue中路由跳转不计入history的操作
2020/09/21 Javascript
[40:29]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第一场
2018/04/10 DOTA
用python实现批量重命名文件的代码
2012/05/25 Python
用Python编写简单的微博爬虫
2016/03/04 Python
Python基于百度AI的文字识别的示例
2018/04/21 Python
Python秒算24点实现及原理详解
2019/07/29 Python
python 插入日期数据到Oracle实例
2020/03/02 Python
Python3中小括号()、中括号[]、花括号{}的区别详解
2020/11/15 Python
css3实现冲击波效果的示例代码
2018/01/11 HTML / CSS
阿迪达斯印度官方商城:adidas India
2017/03/26 全球购物
美国尼曼百货官网:Neiman Marcus
2019/09/05 全球购物
大学生自我鉴定范文
2013/12/28 职场文书
结婚周年感言
2014/02/24 职场文书
2014年学习部工作总结
2014/11/12 职场文书
离婚协议书范本
2015/01/26 职场文书
办公室主任岗位职责
2015/01/31 职场文书
小型企业的绩效考核制度模板
2019/11/21 职场文书