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

 更新时间:2019年01月18日 11:10:32   作者:muzidigbig  
今天小编就为大家分享一篇关于js根据需要计算数组中重复出现某个元素的个数,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧

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

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}

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

总结

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

相关文章

  • JS数组reduce你不得不知道的25个高级用法

    JS数组reduce你不得不知道的25个高级用法

    reduce作为ES5新增的常规数组方法之一,对比forEach 、filter和map,在实际使用上好像有些被忽略,下面这篇文章主要给大家介绍了关于JS数组reduce你不得不知道的25个高级用法,需要的朋友可以参考下
    2021-06-06
  • bootstrap table实现单击单元格可编辑功能

    bootstrap table实现单击单元格可编辑功能

    这篇文章主要为大家详细介绍了bootstrap table实现单击单元格可编辑功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)

    JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)

    最近接了个项目,其中有这样的需求:当用户想要获取验证码时,就点击免费获取验证码 ,然后开始倒计时,倒计时期间按钮文字为剩余时间x秒,且不可按状态,倒计时结束后,按钮更改为点击重新发送,下面给大家分享js短信验证码倒计时实现代码
    2016-10-10
  • 基于layui实现登录页面

    基于layui实现登录页面

    这篇文章主要为大家详细介绍了基于layui实现登录页面,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • 带领大家学习javascript基础篇(一)之基本概念

    带领大家学习javascript基础篇(一)之基本概念

    这篇文章主要介绍了带领大家学习javascript基础篇(一)之基本概念的相关资料,需要的朋友可以参考下
    2015-11-11
  • JavaScript 实现 Tab 点击切换实例代码

    JavaScript 实现 Tab 点击切换实例代码

    Tab 选项卡切换效果在现如今的网页中,运用的也是比较多的,包括点击切换、滑动切换、延迟切换、自动切换等多种效果,在这篇博文里,我们是通过原生 JavaScript 来实现 Tab 点击切换的效果。
    2017-03-03
  • 微信小程序开发的四十个技术窍门总结(推荐)

    微信小程序开发的四十个技术窍门总结(推荐)

    这篇文章主要给大家介绍了微信小程序开发的四十个技术窍门的相关资料,相信对大家的学习或者使用微信小程序具有一定的参考借鉴价值,所以特别推荐给大家,需要的朋友们可以一起来看看吧。
    2017-01-01
  • 新手入门js闭包学习过程解析

    新手入门js闭包学习过程解析

    这篇文章主要介绍了新手入门js闭包学习过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • 基于JavaScript实现 网页切出 网站title变化代码

    基于JavaScript实现 网页切出 网站title变化代码

    这篇文章主要介绍了基于JavaScript实现 网页切出 网站title变化代码的相关资料,需要的朋友可以参考下
    2016-04-04
  • js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例

    js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例

    这篇文章主要介绍了js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件,实例分析了javascript多种弹出层效果的实现技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04

最新评论