js根据需要计算数组中重复出现某个元素的个数


Posted in Javascript onJanuary 18, 2019

一、有时候的根据需要需要计算数组中某个元素重复出现的个数

var arr = ["apple","orange","apple","orange","pear","orange"];

计算出来重复出现的元素个数:{apple: 2, orange: 3, pear: 1}

二、代码实现

//统计一个数组中有多少个不重复的单词:
  // 不用reduce时: 
  var arr = ["apple","orange","apple","orange","pear","orange"]; 
  function getWordCnt(){ 
    var obj = {}; 
    for(var i= 0, l = arr.length; i< l; i++){ 
      var item = arr[i]; 
      obj[item] = (obj[item] +1 ) || 1; 
    } 
    return obj; 
  }
  console.log(getWordCnt());//{apple: 2, orange: 3, pear: 1}
  // 用reduce时: 
  var arr = ["apple","orange","apple","orange","pear","orange"]; 
  function getWordCnt(){ 
    return arr.reduce(function(prev,next){ 
      prev[next] = (prev[next] + 1) || 1; 
      return prev; 
    },{}); 
  } 
  console.log(getWordCnt());//{apple: 2, orange: 3, pear: 1}

补充知识点:

若查询对象中某个属性没有,可自行为其添加

var muziObj = {};
  muziObj['name'] = 'muzidigbig';
  muziObj.age = 21;
  console.log(muziObj)//{name: "muzidigbig", age: 21}

若有不足请多多指教!希望给您带来帮助!

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

Javascript 相关文章推荐
jquery 回车事件实现代码
Aug 23 Javascript
css3元素简单的闪烁效果实现(html5 jquery)
Dec 28 Javascript
AngularJS 使用 UI Router 实现表单向导
Jan 29 Javascript
jQuery获取字符串中出现最多的数
Feb 22 Javascript
浅析jQuery 3.0中的Data
Jun 14 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
Nov 02 Javascript
bootstrap滚动监控器使用方法解析
Jan 13 Javascript
javascript history对象详解
Feb 09 Javascript
JavaScript实现简单精致的图片左右无缝滚动效果
Mar 16 Javascript
vue router使用query和params传参的使用和区别
Nov 13 Javascript
关于Vue单页面骨架屏实践记录
Dec 13 Javascript
使用Vue构建可重用的分页组件
Mar 26 Javascript
js中的reduce()函数讲解
Jan 18 #Javascript
微信小程序实现分享朋友圈的图片功能示例
Jan 18 #Javascript
vue-cli3 karma单元测试的实现
Jan 18 #Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
Jan 18 #Javascript
如何解决.vue文件url引用文件的问题
Jan 18 #Javascript
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
Jan 18 #jQuery
vue.js实现的幻灯片功能示例
Jan 18 #Javascript
You might like
谈谈新手如何学习PHP
2006/12/23 PHP
Codeigniter的dom类用法实例
2015/06/26 PHP
ThinkPHP框架实现数据增删改
2017/05/07 PHP
基于jquery的bankInput银行卡账号格式化
2012/08/22 Javascript
侧栏跟随滚动的简单实现代码
2013/03/18 Javascript
jQuery操作Select的Option上下移动及移除添加等等
2013/11/18 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
2015/07/28 Javascript
Node.js用readline模块实现输入输出
2016/12/16 Javascript
[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
2016/12/20 Javascript
详解webpack进阶之插件篇
2017/07/06 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
2018/05/16 Javascript
node版本管理工具n包使用教程详解
2018/11/09 Javascript
vue组件从开发到发布的实现步骤
2018/11/11 Javascript
vue项目部署到nginx/tomcat服务器的实现
2019/08/26 Javascript
JavaScript定时器常见用法实例分析
2019/11/15 Javascript
JS sort方法基于数组对象属性值排序
2020/07/10 Javascript
[57:47]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
使用python实现递归版汉诺塔示例(汉诺塔递归算法)
2014/04/08 Python
python插入排序算法实例分析
2015/07/03 Python
python删除列表内容
2015/08/04 Python
关于Python 3中print函数的换行详解
2017/08/08 Python
python3如何将docx转换成pdf文件
2018/03/23 Python
Python 利用scrapy爬虫通过短短50行代码下载整站短视频
2018/10/29 Python
关于python之字典的嵌套,递归调用方法
2019/01/21 Python
Django框架文件上传与自定义图片上传路径、上传文件名操作分析
2019/05/10 Python
Python参数类型以及常见的坑详解
2019/07/08 Python
python队列原理及实现方法示例
2019/11/27 Python
PyCharm无法引用自身项目解决方式
2020/02/12 Python
django 前端页面如何实现显示前N条数据
2020/03/16 Python
Python使用Paramiko控制liunx第三方库
2020/05/20 Python
Python依赖包迁移到断网环境操作
2020/07/13 Python
浅析Python 简单工厂模式和工厂方法模式的优缺点
2020/07/13 Python
pytorch中index_select()的用法详解
2021/01/06 Python
核心价值观演讲稿
2014/05/13 职场文书
旷课检讨书范文
2015/01/27 职场文书
Java 超详细讲解IO操作字节流与字符流
2022/03/25 Java/Android