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 相关文章推荐
js与jquery获取父元素,删除子元素的两种不同方法
Jan 09 Javascript
jQuery垂直多级导航菜单代码分享
Aug 18 Javascript
JavaScrip常见的一些算法总结
Dec 28 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
Apr 28 Javascript
老生常谈JQuery data方法的使用
Sep 09 Javascript
Bootstrap轮播插件使用代码
Oct 11 Javascript
javascript实现滑动解锁功能
Mar 22 Javascript
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
Jun 12 jQuery
JavaScript实现异步图像上传功能
Jul 12 Javascript
浅谈Node框架接入ELK实践总结
Feb 22 Javascript
Vue实现拖放排序功能的实例代码
Jul 08 Javascript
深入理解webpack process.env.NODE_ENV配置
Feb 23 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
Yii2.0预定义的别名功能小结
2016/07/04 PHP
PHP-FPM运行状态的实时查看及监控详解
2016/11/18 PHP
php对象工厂类完整示例
2018/08/09 PHP
PHP异常类及异常处理操作实例详解
2018/12/19 PHP
PHP封装的分页类与简单用法示例
2019/02/25 PHP
Javascript var变量隐式声明方法
2009/10/19 Javascript
javascript &amp;&amp;和||运算法的另类使用技巧
2009/11/28 Javascript
修改jquery里的dialog对话框插件为框架页(iframe) 的方法
2010/09/14 Javascript
Javascript调用C#代码
2011/01/17 Javascript
在javascript中实现函数数组的方法
2013/12/25 Javascript
javascript包装对象实例分析
2015/03/27 Javascript
javascript创建函数的20种方式汇总
2015/06/23 Javascript
Jquery全选与反选点击执行一次的解决方案
2015/08/14 Javascript
jQuery+css实现的蓝色水平二级导航菜单效果代码
2015/09/11 Javascript
Bootstrap每天必学之导航组件
2016/04/25 Javascript
RequireJs的使用详解
2017/02/19 Javascript
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
2017/03/25 jQuery
javascript性能优化之分时函数的介绍
2018/03/28 Javascript
JavaScript实现动态添加、移除元素或属性的方法分析
2019/01/03 Javascript
js实现简单分页导航栏效果
2019/06/28 Javascript
VUE DEMO之模拟登录个人中心页面之间数据传值实例
2019/10/31 Javascript
js正则匹配多个全部数据问题
2019/12/20 Javascript
[02:27]2018DOTA2亚洲邀请赛赛前采访-OpTic
2018/04/03 DOTA
[01:00:52]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第一场
2018/04/05 DOTA
[02:11]完美世界DOTA2联赛10月28日赛事精彩集锦:来吧展示实力强劲
2020/10/29 DOTA
python实现的文件同步服务器实例
2015/06/02 Python
对Python3中的print函数以及与python2的对比分析
2018/05/02 Python
使用Flask集成bootstrap的方法
2018/07/24 Python
python函数局部变量、全局变量、递归知识点总结
2019/11/15 Python
读取nii或nii.gz文件中的信息即输出图像操作
2020/07/01 Python
python中turtle库的简单使用教程
2020/11/11 Python
将"引用"作为函数返回值类型的格式、好处和需要遵守的规则
2016/02/09 面试题
高分子材料与工程专业推荐信
2013/12/01 职场文书
抗洪抢险事迹材料
2014/05/06 职场文书
深入解读Java三大集合之map list set的用法
2021/11/11 Java/Android
MySQL表锁、行锁、排它锁及共享锁的使用详解
2022/04/02 MySQL