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 相关文章推荐
js实现简单模态窗口,背景灰显
Nov 14 Javascript
js鼠标悬浮出现遮罩层的方法
Jan 28 Javascript
JavaScript中toString()方法的使用详解
Jun 05 Javascript
JS实现转动随机数抽奖特效代码
Apr 16 Javascript
AngularJS控制器继承自另一控制器
May 09 Javascript
jQuery回到顶部的代码
Jul 09 Javascript
使用 Vue.js 仿百度搜索框的实例代码
May 09 Javascript
深入探究AngularJs之$scope对象(作用域)
Jul 20 Javascript
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
Sep 13 Javascript
vue data引入本地图片的两种方式小结
Nov 13 Javascript
vue2的 router在使用过程中遇到的一些问题
Apr 13 Vue.js
vue postcss-px2rem 自适应布局
May 15 Vue.js
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中IP地址与整型数字互相转换详解
2014/08/20 PHP
PHP实现阿里大鱼短信验证的实例代码
2017/07/10 PHP
jQuery 位置插件
2008/12/25 Javascript
javascript字符串拼接的效率问题
2010/12/25 Javascript
用js调用迅雷下载代码的二种方法
2013/04/15 Javascript
JQuery文字列表向上滚动的代码
2013/11/13 Javascript
javascript实现动态表头及表列的展现方法
2015/07/14 Javascript
原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
2016/02/03 Javascript
jQuery1.9+中删除了live以后的替代方法
2016/06/17 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
2016/10/10 Javascript
JavaScript与JQUERY获取元素的宽、高和位置
2017/02/26 Javascript
微信小程序 页面跳转及数据传递详解
2017/03/14 Javascript
详解Angular 4.x 动态创建组件
2017/04/25 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
2017/11/03 Javascript
Vue.js实现图片的随意拖动方法
2018/03/08 Javascript
详解操作虚拟dom模拟react视图渲染
2018/07/25 Javascript
基于Vue-cli快速搭建项目的完整步骤
2018/11/03 Javascript
页面内锚点定位及跳转方法总结(推荐)
2019/04/24 Javascript
js实现网页版贪吃蛇游戏
2020/02/22 Javascript
搭建vscode+vue环境的详细教程
2020/08/31 Javascript
Django实现组合搜索的方法示例
2018/01/23 Python
Python数据分析之双色球中蓝红球分析统计示例
2018/02/03 Python
Python super()方法原理详解
2020/03/31 Python
python 弧度与角度互转实例
2020/04/15 Python
Ubuntu权限不足无法创建文件夹解决方案
2020/11/14 Python
python 中 .py文件 转 .pyd文件的操作
2021/03/04 Python
一款纯css3实现简单的checkbox复选框和radio单选框
2014/11/05 HTML / CSS
浅析与CSS3的loading动画加载相关的transition优化
2015/05/18 HTML / CSS
台湾三立电视电商平台:电电购
2019/09/09 全球购物
汽车机修工岗位职责
2014/03/06 职场文书
食品流通安全承诺书
2014/05/22 职场文书
我与祖国共奋进演讲稿
2014/09/13 职场文书
领导干部整治奢华浪费之风思想汇报
2014/10/07 职场文书
2014年学习委员工作总结
2014/11/14 职场文书
劳资员岗位职责
2015/02/13 职场文书
低版本Druid连接池+MySQL驱动8.0导致线程阻塞、性能受限
2021/07/01 MySQL