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的blockui插件显示弹出层
Apr 14 Javascript
jquery click([data],fn)使用方法实例介绍
Jul 08 Javascript
javascript框架设计读书笔记之数组的扩展与修复
Dec 02 Javascript
用js代码和插件实现wordpress雪花飘落效果的四种方法
Dec 15 Javascript
javascript实现动态改变层大小的方法
May 14 Javascript
浅谈jQuery页面的滚动位置scrollTop、scrollLeft
May 19 Javascript
JS操作XML实例总结(加载与解析XML文件、字符串)
Dec 08 Javascript
js实现省份下拉菜单效果
Feb 15 Javascript
Node.js搭建小程序后台服务
Jan 03 Javascript
vue集成百度UEditor富文本编辑器使用教程
Sep 21 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
Dec 23 jQuery
JavaScript中document.activeELement焦点元素介绍
Nov 27 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目录管理函数小结
2008/09/10 PHP
php去除头尾空格的2种方法
2015/03/16 PHP
PHP经典面试题之设计模式(经常遇到)
2015/10/15 PHP
php实现批量修改文件名称的方法
2016/07/23 PHP
php微信公众平台开发(四)回复功能开发
2016/12/06 PHP
PHP实现的随机红包算法示例
2017/08/14 PHP
比较全面的event对像在IE与FF中的区别 推荐
2009/09/21 Javascript
ModelDialog JavaScript模态对话框类代码
2011/04/17 Javascript
javascript语言结构小记(一)
2011/09/10 Javascript
Javascript 中 null、NaN和undefined的区别总结
2013/04/10 Javascript
JavaScript实现标题栏文字轮播效果代码
2015/10/24 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
2016/06/25 Javascript
AngularJS使用指令增强标准表单元素功能
2016/07/01 Javascript
ionic2 tabs 图标自定义实例
2017/03/08 Javascript
js轮播图的插件化封装详解
2017/07/17 Javascript
JavaScript实现HTML5游戏断线自动重连的方法
2017/09/18 Javascript
echarts饼图扇区添加点击事件的实例
2017/10/16 Javascript
react脚手架如何配置less和ant按需加载的方法步骤
2018/11/28 Javascript
node.js基于socket.io快速实现一个实时通讯应用
2019/04/23 Javascript
vue 路由子组件created和mounted不起作用的解决方法
2019/11/05 Javascript
VUE 实现动态给对象增加属性,并触发视图更新操作示例
2019/11/29 Javascript
javascript浅层克隆、深度克隆对比及实例解析
2020/02/09 Javascript
小程序自定义圆形进度条
2020/11/17 Javascript
[05:05]第三天的dota2
2013/07/29 DOTA
django admin 自定义替换change页面模板的方法
2019/08/23 Python
python 实现批量替换文本中的某部分内容
2019/12/13 Python
英国领先的家庭时尚品牌:Peacocks
2018/01/11 全球购物
英国女鞋购物网站:Moda in Pelle
2019/02/18 全球购物
size?荷兰官方网站:英国高级运动鞋精品店
2020/07/24 全球购物
求职信格式范本
2013/11/15 职场文书
应届毕业生个人求职信范文
2014/01/29 职场文书
《商鞅南门立木》教学反思
2014/02/16 职场文书
团委工作总结2015
2015/04/02 职场文书
简单实现一个手持弹幕功能+文字抖动特效
2021/03/31 HTML / CSS
vue实现简单数据双向绑定
2021/04/28 Vue.js
详解Redis的三种常用的缓存读写策略步骤
2022/05/06 Redis