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 相关文章推荐
让广告代码不再影响你的网页加载速度
Jul 07 Javascript
JavaScript 异步调用框架 (Part 6 - 实例 &amp; 模式)
Aug 04 Javascript
javascript小数四舍五入多种方法实现
Dec 23 Javascript
Jquery:ajax实现翻页无刷新功能代码
Aug 05 Javascript
Javascript alert消息换行的方法
Aug 07 Javascript
JavaScript中获取鼠标位置相关属性总结
Oct 11 Javascript
JavaScript实现鼠标点击后层展开效果的方法
May 13 Javascript
JS实现从顶部下拉显示的带动画QQ客服特效代码
Oct 24 Javascript
JS删除数组里的某个元素方法
Feb 03 Javascript
详解Require.js与Sea.js的区别
Aug 05 Javascript
关于微信小程序map组件z-index的层级问题分析
Jul 09 Javascript
微信小程序判断用户是否需要再次授权获取个人信息
Jul 18 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/03/22 PHP
php判断GIF图片是否为动画的方法
2020/09/04 PHP
Mootools 1.2教程 类(一)
2009/09/15 Javascript
JQuery上传插件Uploadify使用详解及错误处理
2010/04/27 Javascript
8款非常棒的响应式jQuery 幻灯片插件推荐
2012/02/02 Javascript
让人期待的2011年度最佳 jQuery 插件分享
2012/03/16 Javascript
JavaScript中的逻辑判断符&amp;&amp;、||与!介绍
2014/12/31 Javascript
javascript的几种继承方法介绍
2016/03/22 Javascript
jQuery实现打开页面渐现效果示例
2016/07/27 Javascript
详解XMLHttpRequest(一)同步请求和异步请求
2016/09/14 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的方法
2016/11/29 Javascript
Angular.JS实现无限级的联动菜单(使用demo)
2017/02/08 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
2017/05/11 Javascript
js事件委托和事件代理案例分享
2017/07/25 Javascript
详解vue中使用express+fetch获取本地json文件
2017/10/10 Javascript
JS交互点击WKWebView中的图片实现预览效果
2018/01/05 Javascript
微信小程序实现指定显示行数多余文字去掉用省略号代替
2018/07/25 Javascript
解决layui表格内文本超出隐藏的问题
2019/09/12 Javascript
JavaScript实现Excel表格效果
2020/02/07 Javascript
今天 平安夜 Python 送你一顶圣诞帽 @微信官方
2017/12/25 Python
Python使用pydub库对mp3与wav格式进行互转的方法
2019/01/10 Python
pyqt5之将textBrowser的内容写入txt文档的方法
2019/06/21 Python
python使用opencv在Windows下调用摄像头实现解析
2019/11/26 Python
浅谈tensorflow中张量的提取值和赋值
2020/01/19 Python
HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍
2013/01/31 HTML / CSS
JD Sports芬兰:英国领先的运动鞋和运动服饰零售商
2018/11/16 全球购物
爱岗敬业演讲稿范文
2014/01/14 职场文书
霸王洗发水广告词
2014/03/14 职场文书
家长寄语大全
2014/04/02 职场文书
医院信息公开实施方案
2014/05/09 职场文书
小学语文教研活动总结
2014/07/01 职场文书
博士生求职信
2014/07/06 职场文书
互联网创业商业模式以及赚钱法则有哪些?
2019/10/12 职场文书
浅谈Redis跟MySQL的双写问题解决方案
2022/02/24 Redis
python lambda 表达式形式分析
2022/04/03 Python
分析SQL窗口函数之排名窗口函数
2022/04/21 Oracle