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 相关文章推荐
javascript Select标记中options操作方法集合
Oct 22 Javascript
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
Jun 11 Javascript
js判断当前浏览器类型,判断IE浏览器方法
Jun 02 Javascript
Javascript基础教程之比较操作符
Jan 18 Javascript
JavaScript中用getDate()方法返回指定日期的教程
Jun 09 Javascript
jQuery实现的简洁下拉菜单导航效果代码
Aug 26 Javascript
JS实现带有3D立体感的银灰色竖排折叠菜单代码
Oct 20 Javascript
HTML页面,测试JS对C函数的调用简单实例
Aug 09 Javascript
jQuery ready()和onload的加载耗时分析
Sep 08 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
Jul 09 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
Sep 18 Javascript
JavaScript实现Tab标签页切换的最简便方式(4种)
Jun 28 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中使用excel的简单介绍
2013/08/02 PHP
php绘制一条直线的方法
2015/01/24 PHP
PHP性能分析工具XHProf安装使用教程
2015/05/13 PHP
juqery 学习之三 选择器 子元素与表单
2010/11/25 Javascript
javascript检查表单数据是否改变的方法
2013/07/30 Javascript
详解Angular中$cacheFactory缓存的使用
2016/08/19 Javascript
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
2017/02/10 Javascript
RequireJs的使用详解
2017/02/19 Javascript
jQuery使用DataTable实现删除数据后重新加载功能
2017/02/27 Javascript
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
2017/03/04 Javascript
从零开始学习Node.js系列教程之基于connect和express框架的多页面实现数学运算示例
2017/04/13 Javascript
Vue.js实现文章评论和回复评论功能
2020/05/30 Javascript
angular2 ng2 @input和@output理解及示例
2017/10/10 Javascript
mac中利用NVM管理不同node版本的方法详解
2017/11/08 Javascript
nodejs npm错误Error:UNKNOWN:unknown error,mkdir 'D:\Develop\nodejs\node_global'at Error
2019/03/02 NodeJs
jQuery动态生成的元素绑定事件操作实例分析
2019/05/04 jQuery
js实现简易计算器小功能
2020/11/18 Javascript
Vue 打包的静态文件不能直接运行的原因及解决办法
2020/11/19 Vue.js
Python中字典的基本知识初步介绍
2015/05/21 Python
Python3内置模块之json编解码方法小结【推荐】
2020/12/09 Python
Python中使用双下划线防止类属性被覆盖问题
2019/06/27 Python
python中的colorlog库使用详解
2019/07/05 Python
Python的垃圾回收机制详解
2019/08/28 Python
Python使用Pandas库常见操作详解
2020/01/16 Python
纯css3无js实现的Android Logo(有简单动画)
2013/01/21 HTML / CSS
html5实现canvas阴影效果示例
2014/05/07 HTML / CSS
linux面试题参考答案(11)
2016/11/26 面试题
村优秀党员事迹材料
2014/01/15 职场文书
出国考察邀请函
2014/01/21 职场文书
爱国演讲稿400字
2014/05/07 职场文书
企业介绍信范文
2015/01/30 职场文书
鸦片战争观后感
2015/06/09 职场文书
公司客户答谢酒会祝酒词
2015/08/11 职场文书
小学语文教师研修感悟
2015/11/18 职场文书
WebWorker 封装 JavaScript 沙箱详情
2021/11/02 Javascript
CSS文本阴影 text-shadow 悬停效果详解
2022/05/25 HTML / CSS