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 相关文章推荐
在JavaScript中构建ArrayList示例代码
Sep 17 Javascript
jQuery 判断图片是否加载完成方法汇总
Aug 10 Javascript
js获取时间精确到秒(年月日)
Mar 16 Javascript
jquery插件方式实现table查询功能的简单实例
Jun 06 Javascript
原生JS下拉加载插件分享
Dec 26 Javascript
javascript prototype原型详解(比较基础)
Dec 26 Javascript
从零学习node.js之模块规范(一)
Feb 21 Javascript
Angular.js前台传list数组由后台spring MVC接收数组示例代码
Jul 31 Javascript
为react组件库添加typescript类型提示的方法
Jun 15 Javascript
详解Vue之计算属性
Jun 20 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
Aug 10 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
Nov 05 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
1.PHP简介
2006/10/09 PHP
php数组函数序列之array_flip() 将数组键名与值对调
2011/11/07 PHP
PHP调用.NET的WebService 简单实例
2015/03/27 PHP
页面回到顶部的三种实现(锚标记,js)
2012/10/01 Javascript
Windows8下搭建Node.js开发环境教程
2014/09/03 Javascript
JS实现至少包含字母、大小写数字、字符的密码等级的两种方法
2015/02/03 Javascript
jQuery设置指定网页元素宽度和高度的方法
2015/03/25 Javascript
JavaScript中Math.SQRT2属性的使用详解
2015/06/14 Javascript
通过XMLHttpRequest和jQuery实现ajax的几种方式
2015/08/28 Javascript
详解Angular的数据显示优化处理
2016/12/26 Javascript
vue+axios实现登录拦截的实例代码
2017/05/22 Javascript
表格展示利器 Bootstrap Table实例代码
2017/09/06 Javascript
JavaScript实现body内任意节点的自定义属性功能示例
2017/09/18 Javascript
详解Web使用webpack构建前端项目
2017/09/23 Javascript
vue+node+webpack环境搭建教程
2017/11/05 Javascript
vue源码学习之Object.defineProperty对象属性监听
2018/05/30 Javascript
json数据传到前台并解析展示成列表的方法
2018/08/06 Javascript
JavaScript ES6 Class类实现原理详解
2020/05/08 Javascript
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
用python实现面向对像的ASP程序实例
2014/11/10 Python
Python从MP3文件获取id3的方法
2015/06/15 Python
python使用正则表达式匹配字符串开头并打印示例
2017/01/11 Python
Django卸载之后重新安装的方法
2017/03/15 Python
Python进阶之递归函数的用法及其示例
2018/01/31 Python
浅析使用Python搭建http服务器
2019/10/27 Python
Python中的X[:,0]、X[:,1]、X[:,:,0]、X[:,:,1]、X[:,m:n]和X[:,:,m:n]
2020/02/13 Python
使用Tensorboard工具查看Loss损失率
2020/02/15 Python
python 已知平行四边形三个点,求第四个点的案例
2020/04/12 Python
关于期中考试的反思
2014/02/02 职场文书
致垒球运动员加油稿
2014/02/16 职场文书
外国人聘用意向书
2014/04/01 职场文书
导师工作推荐信范文
2014/05/17 职场文书
最美孝心少年事迹材料
2014/08/15 职场文书
2014年科协工作总结
2014/12/09 职场文书
审查起诉阶段律师意见书
2015/05/19 职场文书
社区结对共建协议书
2016/03/23 职场文书