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 相关文章推荐
JQuery实现表格动态增加行并对新行添加事件
Jul 30 Javascript
使用node.js半年来总结的 10 条经验
Aug 18 Javascript
node.js中的fs.open方法使用说明
Dec 17 Javascript
跟我学习javascript的prototype原型和原型链
Nov 18 Javascript
JavaScript预解析及相关技巧分析
Apr 21 Javascript
基于Bootstrap使用jQuery实现简单可编辑表格
May 04 Javascript
jQuery插件formValidator实现表单验证
May 23 Javascript
js前端面试题及答案整理(一)
Aug 26 Javascript
jQuery与JavaScript节点创建方法的对比
Nov 18 Javascript
vue 运用mock数据的示例代码
Nov 07 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
Sep 17 Javascript
原生JS实现拖拽效果
Dec 04 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
PHP设计模式之结构模式的深入解析
2013/06/13 PHP
yii实现CheckBox复选框在同一行显示的方法
2014/12/03 PHP
ThinkPHP使用getlist方法实现数据搜索功能示例
2017/05/08 PHP
laravel + vue实现的数据统计绘图(今天、7天、30天数据)
2018/07/31 PHP
php数组函数array_push()、array_pop()及array_shift()简单用法示例
2020/01/26 PHP
DHTML Slide Show script图片轮换
2008/03/03 Javascript
JQuery 学习笔记 选择器之一
2009/07/23 Javascript
jquery 事件对象属性小结
2010/04/27 Javascript
JS字符串处理实例代码
2013/08/05 Javascript
jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
2016/01/04 Javascript
js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
2016/05/25 Javascript
轻松掌握JavaScript装饰者模式
2016/08/27 Javascript
vue.js 使用v-if v-else发现没有执行解决办法
2017/05/15 Javascript
angular.fromJson与toJson方法用法示例
2017/05/17 Javascript
Express之托管静态文件的方法
2018/06/01 Javascript
JavaScript学习笔记之图片库案例分析
2019/01/08 Javascript
微信小程序加载机制及运行机制图解
2019/11/27 Javascript
jQuery三组基本动画与自定义动画操作实例总结
2020/05/09 jQuery
微信小程序学习总结(二)样式、属性、模板操作分析
2020/06/04 Javascript
EXTJS7实现点击拖拉选择文本
2020/12/17 Javascript
Python爬虫:通过关键字爬取百度图片
2017/02/17 Python
分享给Python新手们的几道简单练习题
2017/09/21 Python
python实现搜索文本文件内容脚本
2018/06/22 Python
python如何读取bin文件并下发串口
2019/07/05 Python
用什么库写 Python 命令行程序(示例代码详解)
2020/02/20 Python
HTML5 直播疯狂点赞动画实现代码 附源码
2020/04/14 HTML / CSS
Shopty西班牙:缝纫机在线销售
2018/01/26 全球购物
Fanatics英国官网:美国体育电商
2018/11/06 全球购物
保险经纪人求职信
2014/03/11 职场文书
爱国卫生月活动总结范文
2014/04/25 职场文书
文明演讲稿范文
2014/05/12 职场文书
啤酒节策划方案
2014/05/28 职场文书
专题民主生活会对照检查材料思想汇报
2014/09/29 职场文书
2014年销售员工作总结
2014/12/01 职场文书
管理失职检讨书范文
2015/05/05 职场文书
党员观看《筑梦中国》心得体会
2016/01/18 职场文书