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 相关文章推荐
尽可能写&quot;友好&quot;的&quot;Javascript&quot;代码
Jan 09 Javascript
javascript下查找父节点的简单方法
Aug 13 Javascript
Array.prototype.slice 使用扩展
Jun 09 Javascript
使用JavaScript链式编程实现模拟Jquery函数
Dec 21 Javascript
javascript文本模板用法实例
Jul 31 Javascript
学习使用jquery iScroll.js移动端滚动条插件
Mar 24 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
May 20 Javascript
javascript之Array 数组对象详解
Jun 07 Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
Aug 01 Javascript
JavaScript监听手机物理返回键的两种解决方法
Aug 14 Javascript
jQuery删除/清空指定元素的所有子节点实例代码
Jul 04 jQuery
vue 在methods中调用mounted的实现操作
Aug 07 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/29 PHP
php中的一些数组排序方法分享
2012/07/20 PHP
解析PHP高效率写法(详解原因)
2013/06/20 PHP
PHP+Mysql树型结构(无限分类)数据库设计的2种方式实例
2014/07/15 PHP
php微信支付之APP支付方法
2015/03/04 PHP
解决Yii2邮件发送结果返回成功,但接收不到邮件的问题
2017/05/23 PHP
PHP实现使用DOM将XML数据存入数组的方法示例
2017/09/27 PHP
JQuery 1.4 中的Ajax问题
2010/01/23 Javascript
图片img的src不变让浏览器重新加载实现方法
2013/03/29 Javascript
jquery parent和parents的区别分析
2013/10/02 Javascript
javascript获取元素偏移量的方法有哪些
2014/06/24 Javascript
jquery实现点击页面计算点击次数
2015/01/23 Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
2015/05/26 Javascript
jQuery下拉框的简单应用
2016/06/24 Javascript
EasyUI Pagination 分页的两种做法小结
2016/07/09 Javascript
javascript弹出带文字信息的提示框效果
2016/07/19 Javascript
JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题
2017/10/15 Javascript
JQuery元素快速查找与操作
2018/04/22 jQuery
Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)
2020/05/15 Javascript
python删除文件示例分享
2014/01/28 Python
Python中列表、字典、元组、集合数据结构整理
2014/11/20 Python
Python使用matplotlib绘制动画的方法
2015/05/20 Python
Python批量修改文本文件内容的方法
2016/04/29 Python
基于Python数据结构之递归与回溯搜索
2020/02/26 Python
pandas apply多线程实现代码
2020/08/17 Python
俄罗斯购买自行车网站:Vamvelosiped
2021/01/29 全球购物
护理学中专毕业生求职信
2013/11/11 职场文书
《兰亭集序》教学反思
2014/02/11 职场文书
物理教育专业求职信
2014/06/25 职场文书
优秀教育工作者事迹材料
2014/12/24 职场文书
毕业论文答辩开场白和结束语
2015/05/27 职场文书
小平您好观后感
2015/06/09 职场文书
2016年“11.11”光棍节活动总结
2016/04/05 职场文书
oracle索引总结
2021/09/25 Oracle
8个JS的reduce使用实例和reduce操作方式
2021/10/05 Javascript
Windows server 2016服务器基本设置
2022/08/14 Servers