javascript如何計算數(shù)組中某值的出現(xiàn)次數(shù)
js計算數(shù)組中某值的出現(xiàn)次數(shù)
需求
返回一個數(shù)組某值出現(xiàn)的次數(shù)
- 輸入:一個數(shù)組
- 輸出:需要計數(shù)的元素
代碼
/*
傳入一個數(shù)組 返回一個數(shù)組某值出現(xiàn)的次數(shù)
*/
const countOccurences = (arr, value) => arr.reduce((a, v) => v === value ? a + 1 : a + 0, 0);
console.log('[1,3,4,6,1,3,5,6,3,1]中 1 出現(xiàn)的次數(shù)是:'+countOccurences([1,3,4,6,1,3,5,6,3,1],1));
效果

一點想法
Array的reduce()方法 第一參數(shù)是total,第二個參數(shù)是初始值
reduce()的參數(shù)用法很重要,這在之后的復雜函數(shù)里會有所體現(xiàn)。
如何計算數(shù)組中某項的個數(shù)
<script type="text/javascript">
? //統(tǒng)計一個數(shù)組中有多少個指定的數(shù)據(jù)項
? ? var arr1= [12, 5, 8, 130, 44,5,51,5];
? ? //方法一:
? ? function count(arr,num){
? ? ? var total = 0;
? ? ? for (var i = arr.length - 1; i >= 0; i--) {
? ? ? ? arr[i] === num ? total++ : ''
? ? ? }
? ? ? console.log(total)
? ? }
? ? count(arr1,5)
? ? //方法二:
? ? function count1(arr,num){
? ? ? var countArr = arr.filter(function isBigEnough(value) {
? ? ? ? ? return value === num;
? ? ? });
? ? ? console.log(countArr.length);
? ? }
? ? count1(arr1,5)
? ? //方法三:
? ? function count2(arr,num){
? ? ? var i = 0;
? ? ? arr.forEach(function(ele){
? ? ? ? ele === num ? i++ : '';?
? ? ? })
? ? ? console.log(i)
? ? }
? ? count2(arr1,5)
? ? 方法四:
? ? function count3(arr,num){
? ? ? var i = 0;
? ? ? arr.find(function(ele){
? ? ? ? ele === num ? i++ : '';?
? ? ? })
? ? ? console.log(i)
? ? }
? ? count3(arr1,5)
</script>說明
1.方法一是通過for循環(huán),在循環(huán)體中通過對當前項是否等于指定值的三元運算,對計數(shù)器進行累加得到。
2.方法二通過數(shù)組的filter方法,返回滿足條件的項,組成一個新數(shù)組,所以我們判斷數(shù)組的長度就好了。
3.方法三是利用數(shù)組的forEach方法,它會對數(shù)組的每一項調(diào)用回調(diào)函數(shù),類似for循環(huán),之后也是對滿足條件的項進行統(tǒng)計。
4.方法四是利用數(shù)組的find方法,它也會去數(shù)組中尋找符合條件的項,并執(zhí)行回調(diào)函數(shù),所以只需要統(tǒng)計次數(shù)就好。
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
uni.setNavigationBarColor設置字體顏色及背景色無效的4個原因及解決
這篇文章主要給大家介紹了關于uni.setNavigationBarColor設置字體顏色及背景色無效的4個原因及正確解決辦法,文中還介紹了uni-app設置頁面導航條顏色的實例代碼,需要的朋友可以參考下2024-01-01
使用JavaScript實現(xiàn)響應式計數(shù)器動畫
在本文中,我們將學習如何使用?HTML?CSS?和?JavaScript創(chuàng)建響應式計數(shù)器動畫。?我們在很多地方都可以用,比如適用于不同類型的個人網(wǎng)站、企業(yè)網(wǎng)站等,感興趣的可以了解一下2022-08-08
webpack4手動搭建Vue開發(fā)環(huán)境實現(xiàn)todoList項目的方法
這篇文章主要介紹了webpack4手動搭建Vue開發(fā)環(huán)境實現(xiàn)todoList項目的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
JS判斷是否為數(shù)字,是否為整數(shù),是否為浮點數(shù)的代碼
2010-04-04

