javascript如何計算數(shù)組中某值的出現(xiàn)次數(shù)

更新時間：2023年01月17日 10:41:59 作者：黃元帥

這篇文章主要介紹了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));

效果

這里寫圖片描述

一點(diǎn)想法

Array的reduce()方法第一參數(shù)是total，第二個參數(shù)是初始值

reduce()的參數(shù)用法很重要，這在之后的復(fù)雜函數(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>