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给input和textarea设定ie中的focus
May 29 Javascript
中文路径导致unitpngfix.js不正常的解决方法
Jun 26 Javascript
js自动生成对象的属性示例代码
Oct 28 Javascript
extjs 时间范围选择自动判断的实现代码
Jun 24 Javascript
JavaScript实现显示函数调用堆栈的方法
Apr 21 Javascript
js实现带农历和八字等信息的日历特效
May 16 Javascript
jQuery中的AjaxSubmit使用讲解
Sep 25 Javascript
详解vue父子模版嵌套案例
Mar 04 Javascript
整理关于Bootstrap表单的慕课笔记
Mar 29 Javascript
AugularJS从入门到实践(必看篇)
Jul 10 Javascript
JavaScript for循环 if判断语句(学习笔记)
Oct 11 Javascript
详解微信小程序调起键盘性能优化
Jul 24 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实现将GB编码转换为UTF8
2006/11/25 PHP
从PHP的源码中深入了解stdClass类
2014/04/18 PHP
Fedora下安装php Redis扩展笔记
2014/09/03 PHP
php中常量DIRECTORY_SEPARATOR用法深入分析
2014/11/14 PHP
番茄的表单验证类代码修改版
2008/07/18 Javascript
safari,opera嵌入iframe页面cookie读取问题解决方法
2010/06/23 Javascript
关于页面嵌入swf覆盖div层的问题的解决方法
2014/02/11 Javascript
使用js显示当前时间示例
2014/03/02 Javascript
jquery自动将form表单封装成json的具体实现
2014/03/17 Javascript
Nodejs+express+html5 实现拖拽上传
2014/08/08 NodeJs
轻松创建nodejs服务器(5):事件处理程序
2014/12/18 NodeJs
JavaScript中的call方法和apply方法使用对比
2015/08/12 Javascript
深入理解React中es6创建组件this的方法
2016/08/29 Javascript
javascript 中的事件委托详解
2016/10/25 Javascript
JavaScript模仿Pinterest实现图片预加载功能
2016/10/25 Javascript
BootStrap下的弹出框加载select2框架失败的解决方法
2017/08/31 Javascript
JavaScript的数据类型转换原则(干货)
2018/03/15 Javascript
js实现简单模态框实例
2018/11/16 Javascript
js中async函数结合promise的小案例浅析
2019/04/14 Javascript
node 解析图片二维码的内容代码实例
2019/09/11 Javascript
vue 使用微信jssdk,调用微信相册上传图片功能
2020/11/13 Javascript
用Python中的字典来处理索引统计的方法
2015/05/05 Python
详解Django中的ifequal和ifnotequal标签使用
2015/07/16 Python
Python字符串匹配算法KMP实例
2015/07/18 Python
Python实现周期性抓取网页内容的方法
2015/11/04 Python
python脚本实现xls(xlsx)转成csv
2016/04/10 Python
python中import学习备忘笔记
2017/01/24 Python
利用Python进行异常值分析实例代码
2017/12/07 Python
Python中的pygal安装和绘制直方图代码分享
2017/12/08 Python
python使用tornado实现登录和登出
2018/07/28 Python
获取python运行输出的数据并解析存为dataFrame实例
2020/07/07 Python
澳大利亚领先的在线药房:Pharmacy Online(有中文站)
2020/02/22 全球购物
群众路线教育实践活动方案
2014/02/02 职场文书
售后服务承诺函格式
2015/01/21 职场文书
CSS使用伪类控制边框长度的方法
2022/01/18 HTML / CSS
电脑开机弹出documents文件夹怎么回事?弹出documents文件夹解决方法
2022/04/08 数码科技