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 相关文章推荐
SyntaxHighlighter代码加色使用方法
Sep 07 Javascript
html数组字符串拼接的最快方法
Sep 16 Javascript
asp.net+jquery滚动滚动条加载数据的下拉控件
Jun 25 Javascript
图片Slider 带左右按钮的js示例
Aug 30 Javascript
js中unicode转码方法详解
Oct 09 Javascript
使用contextMenu插件实现Bootstrap table弹出右键菜单
Feb 20 Javascript
详解Vue组件之间的数据通信实例
Jun 17 Javascript
postman+json+springmvc测试批量添加实例
Mar 31 Javascript
JavaScript数组,JSON对象实现动态添加、修改、删除功能示例
May 26 Javascript
node.js使用redis储存session的方法
Sep 26 Javascript
使用angularjs.foreach时return的问题解决
Sep 30 Javascript
vue绑定class的三种方法
Dec 24 Vue.js
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 similar_text 字符串的相似性比较函数
2010/05/26 PHP
Codeigniter购物车类不能添加中文的解决方法
2014/11/29 PHP
php中动态变量用法实例
2015/06/10 PHP
laravel 框架实现无限级分类的方法示例
2019/10/31 PHP
js报错 Object doesn't support this property or method的原因分析
2011/03/31 Javascript
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
2011/09/28 Javascript
javascript的内存管理详解
2013/08/07 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
2014/08/22 Javascript
一个支持任意尺寸的图片上下左右滑动效果
2014/08/24 Javascript
用javascript将数据导入Excel示例代码
2014/09/10 Javascript
javascript模拟实现ajax加载框实例
2014/10/15 Javascript
js判断是否按下了Shift键的方法
2015/01/27 Javascript
js实现鼠标经过表格行变色的方法
2015/05/12 Javascript
JS中处理时间之setUTCMinutes()方法的使用
2015/06/12 Javascript
浅析javascript异步执行函数导致的变量变化问题解决思路
2016/05/13 Javascript
Webpack中雪碧图插件使用详解
2018/05/25 Javascript
详解基于Vue-cli搭建的项目如何和后台交互
2018/06/29 Javascript
详解使用jest对vue项目进行单元测试
2018/09/07 Javascript
基于Nodejs的Tcp封包和解包的理解
2018/09/19 NodeJs
详解使用webpack+electron+reactJs开发windows桌面应用
2019/02/01 Javascript
零基础写python爬虫之打包生成exe文件
2014/11/06 Python
Python正规则表达式学习指南
2016/08/02 Python
python爬取拉勾网职位数据的方法
2018/01/24 Python
python Opencv将图片转为字符画
2021/02/19 Python
对numpy中的transpose和swapaxes函数详解
2018/08/02 Python
Python魔法方法功能与用法简介
2019/04/04 Python
Django外键(ForeignKey)操作以及related_name的作用详解
2019/07/29 Python
使用Keras中的ImageDataGenerator进行批次读图方式
2020/06/17 Python
pycharm 添加解释器的方法步骤
2020/08/31 Python
HTML5新控件之日期和时间选择输入的实现代码
2018/09/13 HTML / CSS
运动会加油口号
2014/06/07 职场文书
实习生工作证明范本
2014/09/14 职场文书
向女朋友道歉的话
2015/01/20 职场文书
2015年学校财务工作总结
2015/05/19 职场文书
财产分割协议书
2016/03/22 职场文书
python munch库的使用解析
2021/05/25 Python