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 相关文章推荐
jsp+javascript打造级连菜单的实例代码
Jun 14 Javascript
javascript中的parseInt和parseFloat区别
Jul 12 Javascript
js判断iframe内的网页是否滚动到底部触发事件
Mar 18 Javascript
jquery 页眉单行信息滚动显示实现思路及代码
Jun 26 Javascript
js实现格式化金额,字符,时间的方法
Feb 26 Javascript
js获取元素下的第一级子元素的方法(推荐)
Mar 05 Javascript
详解windows下vue-cli及webpack 构建网站(三)使用组件
Jun 17 Javascript
Javascript es7中比较实用的两个方法示例
Jul 21 Javascript
Material(包括Material Icon)在Angular2中的使用详解
Feb 11 Javascript
微信小程序使用map组件实现解析经纬度功能示例
Jan 22 Javascript
JS访问对象两种方式区别解析
Aug 29 Javascript
jquery简易手风琴插件的封装
Oct 13 jQuery
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
收音机指标测试方法及仪器
2021/03/01 无线电
《PHP编程最快明白》第二讲 数字、浮点、布尔型、字符串和数组
2010/11/01 PHP
thinkphp5.0自定义验证规则使用方法
2017/11/16 PHP
Laravel框架实现的批量删除功能示例
2019/01/16 PHP
js loading加载效果实现代码
2009/11/24 Javascript
网易JS面试题与Javascript词法作用域说明
2010/11/09 Javascript
善用事件代理,警惕闭包的性能陷阱。
2011/01/20 Javascript
Jquery选择子控件&quot;大于号&quot;和&quot; &quot;区别介绍及使用示例
2013/06/25 Javascript
jQuery中contents()方法用法实例
2015/01/08 Javascript
深入理解JavaScript系列(25):设计模式之单例模式详解
2015/03/03 Javascript
JS实现向表格中动态添加行的方法
2015/03/30 Javascript
jQuery实现自动调整字体大小的方法
2015/06/15 Javascript
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
2015/08/11 Javascript
JavaScript代码性能优化总结篇
2016/05/15 Javascript
javascript比较语义化版本号的实现代码
2016/09/09 Javascript
利用jQuery对无序列表排序的简单方法
2016/10/16 Javascript
正则表达式替换html元素属性的方法
2016/11/26 Javascript
JavaScript、C# URL编码、解码总结
2017/01/21 Javascript
Vue组件tree实现树形菜单
2017/04/13 Javascript
Bootstrap Table从零开始
2017/06/30 Javascript
使用JS监听键盘按下事件(keydown event)
2019/11/07 Javascript
Vue 自适应高度表格的实现方法
2020/05/13 Javascript
Javascript基于OOP实实现探测器功能代码实例
2020/08/26 Javascript
Python递归函数定义与用法示例
2017/06/02 Python
Tensorflow不支持AVX2指令集的解决方法
2020/02/03 Python
CSS3 函数技巧 用css 实现js实现的事情(clac Counters Tooltip)
2017/08/15 HTML / CSS
详解canvas在圆弧周围绘制文本的两种写法
2018/05/22 HTML / CSS
全球最大的在线旅游公司:Expedia
2017/11/16 全球购物
大学生实习自我鉴定
2013/12/11 职场文书
酒店执行总经理岗位职责
2013/12/15 职场文书
乡镇个人对照检查材料
2014/08/22 职场文书
合伙开公司协议书范本
2014/10/28 职场文书
2015年教师节新闻稿
2015/07/17 职场文书
导游词之茶卡盐湖
2019/11/26 职场文书
Win11怎么跳过联网验机 ?Win11跳过联网验机激活教程
2022/04/05 数码科技
我家女友可不止可爱呢 公开OP主题曲无字幕动画MV
2022/04/11 日漫