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 相关文章推荐
HTML TO JavaScript 转换
Jun 26 Javascript
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
Oct 17 Javascript
基于jquery编写的放大镜插件
Mar 23 Javascript
JavaScript设计模式之单例模式详解
Jun 09 Javascript
Underscore之Array_动力节点Java学院整理
Jul 10 Javascript
JavaScript中in和hasOwnProperty区别详解
Aug 04 Javascript
vuejs父子组件之间数据交互详解
Aug 09 Javascript
Vue项目中添加锁屏功能实现思路
Jun 29 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
Aug 31 Javascript
vue移动端监听滚动条高度的实现方法
Sep 03 Javascript
Vue中的Props(不可变状态)
Sep 29 Javascript
vue 项目软键盘回车触发搜索事件
Sep 09 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
索尼SONY ICF-7600A(W)电路分析
2021/03/01 无线电
php中目录,文件操作详谈
2007/03/19 PHP
PHP-MySQL教程归纳总结
2008/06/07 PHP
收藏的PHP常用函数 推荐收藏保存
2010/02/21 PHP
PHP中trim()函数简单使用指南
2015/04/16 PHP
PHP工程师VIM配置分享
2015/12/15 PHP
Laravel学习教程之View模块详解
2017/09/18 PHP
JavaScript 三种不同位置代码的写法
2009/10/25 Javascript
Ext.MessageBox工具类简介
2009/12/10 Javascript
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
2010/09/12 Javascript
关于extjs4如何获取grid修改后的数据的问题
2013/08/07 Javascript
JQuery对id中含有特殊字符的转义处理示例
2013/09/06 Javascript
如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
2016/02/23 Javascript
浅谈javascript运算符——条件,逗号,赋值,()和void运算符
2016/07/15 Javascript
Node.js 实现简单小说爬虫实例
2016/11/18 Javascript
深入理解vue-loader如何使用
2017/06/06 Javascript
BootStrap数据表格实例代码
2017/09/13 Javascript
VUE2.0+Element-UI+Echarts封装的组件实例
2018/03/02 Javascript
解决微信小程序调用moveToLocation失效问题【超简单】
2019/04/12 Javascript
微信小程序文章详情页跳转案例详解
2019/07/09 Javascript
NProgress显示顶部进度条效果及使用详解
2019/09/21 Javascript
JavaScript实现答题评分功能页面
2020/06/24 Javascript
python获得文件创建时间和修改时间的方法
2015/06/30 Python
Python生成词云的实现代码
2020/01/14 Python
Html5 语法与规则简要概述
2014/07/29 HTML / CSS
英国电动工具购买网站:Anglia Tool Centre
2017/04/25 全球购物
SkinCeuticals官网:美国药妆品牌
2018/04/19 全球购物
Mybag美国/加拿大:英国奢华包包和名牌手袋网站
2020/02/16 全球购物
无犯罪记录证明范本
2014/09/15 职场文书
2014年车间主任工作总结
2014/12/10 职场文书
小学生差生评语
2014/12/29 职场文书
2015年大学宣传部工作总结
2015/05/26 职场文书
2015年“我们的节日·中秋节”活动总结
2015/07/30 职场文书
个人工作失误的保证书怎么写?
2019/06/21 职场文书
《堡垒之夜》联动《刺客信条》 4月7日正式上线
2022/04/06 其他游戏
pandas中pd.groupby()的用法详解
2022/06/16 Python