js根據需要計算數(shù)組中重復出現(xiàn)某個元素的個數(shù)
更新時間：2019年01月18日 11:10:32 作者：muzidigbig
今天小編就為大家分享一篇關于js根據需要計算數(shù)組中重復出現(xiàn)某個元素的個數(shù)，小編覺得內容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
一、有時候的根據需要需要計算數(shù)組中某個元素重復出現(xiàn)的個數(shù)
var arr = ["apple","orange","apple","orange","pear","orange"];
計算出來重復出現(xiàn)的元素個數(shù)：{apple: 2, orange: 3, pear: 1}
二、代碼實現(xiàn)
//統(tǒng)計一個數(shù)組中有多少個不重復的單詞：
// 不用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}
若有不足請多多指教！希望給您帶來幫助！
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對腳本之家的支持。如果你想了解更多相關內容請查看下面相關鏈接
相關文章
reduce作為ES5新增的常規(guī)數(shù)組方法之一,對比forEach 、filter和map,在實際使用上好像有些被忽略，下面這篇文章主要給大家介紹了關于JS數(shù)組reduce你不得不知道的25個高級用法，需要的朋友可以參考下2021-06-06
bootstrap table實現(xiàn)單擊單元格可編輯功能
這篇文章主要為大家詳細介紹了bootstrap table實現(xiàn)單擊單元格可編輯功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
JS短信驗證碼倒計時功能的實現(xiàn)（沒有驗證碼，只有倒計時）
最近接了個項目，其中有這樣的需求：當用戶想要獲取驗證碼時，就點擊免費獲取驗證碼 ，然后開始倒計時，倒計時期間按鈕文字為剩余時間x秒，且不可按狀態(tài)，倒計時結束后，按鈕更改為點擊重新發(fā)送，下面給大家分享js短信驗證碼倒計時實現(xiàn)代碼2016-10-10
這篇文章主要為大家詳細介紹了基于layui實現(xiàn)登錄頁面，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要介紹了帶領大家學習javascript基礎篇(一)之基本概念的相關資料,需要的朋友可以參考下2015-11-11
JavaScript 實現(xiàn) Tab 點擊切換實例代碼
Tab 選項卡切換效果在現(xiàn)如今的網頁中，運用的也是比較多的，包括點擊切換、滑動切換、延遲切換、自動切換等多種效果，在這篇博文里，我們是通過原生 JavaScript 來實現(xiàn) Tab 點擊切換的效果。2017-03-03
這篇文章主要給大家介紹了微信小程序開發(fā)的四十個技術竅門的相關資料，相信對大家的學習或者使用微信小程序具有一定的參考借鑒價值，所以特別推薦給大家，需要的朋友們可以一起來看看吧。2017-01-01
這篇文章主要介紹了新手入門js閉包學習過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10
基于JavaScript實現(xiàn) 網頁切出 網站title變化代碼
這篇文章主要介紹了基于JavaScript實現(xiàn) 網頁切出 網站title變化代碼的相關資料,需要的朋友可以參考下2016-04-04
這篇文章主要介紹了js兼容pc端瀏覽器并有多種彈出小提示的手機端浮層控件,實例分析了javascript多種彈出層效果的實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04