首頁 > web前端 > js教程 > 主體

實例講解JavaScript數組元素求和的六種方法

yulia
發布: 2018-10-23 16:41:34
原創
14350 人瀏覽過

JavaScript是前端開發中不可或缺的一部分,陣列是JavaScript中重要的一部分,你知道如何為陣列元素求和嗎?這篇文章結合實例給大家分享JS數組求和的六種方法,有一定的參考價值,有興趣的朋友可以看看。

以數組 arr = [1,2,3,4,5,1]為例,求數組中元素的和,具體方法如下:

方法1.for循環方法

for方法可以循環遍歷數組,從而給數組元素求和

var arr = [1,2,3,4,5,1];
function getSumfor(arr){    
    var sum = 0;
    for(var i = 0;i<arr.length;i++){
        sum += arr[i]; 
    }
    return sum ;
}
console.log(getSumfor(arr));
登入後複製

計算結果如圖所示:

實例講解JavaScript數組元素求和的六種方法

方法2、every方法

#every() 可以偵測陣列中每個元素是否都符合條件,從而求和

var arr = [1,2,3,4,5,1];
function getSumevery(arr){
    var sum = 0;
    arr.forEach( function(item){
        sum += item ;
    });
    return sum ;    
}
console.log(getSumevery(arr));
登入後複製

方法3、some方法

some方法可以用來偵測陣列中的元素是否滿足指定條件,從而給予陣列元素求和

var arr = [1,2,3,4,5,1];
function getSumSome(arr){
    var sum = 0;
    arr.some( function(item){
        sum += item ;
        return false;
    });
    return sum ;    
}
console.log(getSumSome(arr));
登入後複製

#方法4、map方法

 map()方法可以透過指定的函數處理陣列的每個元素,然後傳回處理後的陣列。 

var arr = [1,2,3,4,5,1];
function getSumMap(arr){
    var sum = 0;
    arr.map( function(item){
        sum += item ;
    });
    return sum ;    
}
console.log(getSumMap(arr));
登入後複製

 方法5、filter方法

# filter()方法可以偵測陣列中的元素,並傳回符合條件的所有元素的陣列。

var arr = [1,2,3,4,5,1];
function getSumFilter(arr){
    var sum = 0;
    arr.filter( function(item){
        sum += item ;
    });
    return sum ;    
}
console.log(getSumFilter(arr));
登入後複製

 方法6、foreach方法

 forEach可以呼叫數組中的每個元素

var arr = [1,2,3,4,5,1];
function getSumForEach(arr){
    var sum = 0;
    arr.forEach( function(item){
        sum += item ;
    });
    return sum ;    
}
console.log(getSumForEach(arr));
登入後複製

以上給大家介紹了JavaScript中數組元素求和的六種方法,分別是for,every,some,map,filter,foreach,如有知識點不清楚的小伙伴可以參考JavaScript視頻教程,希望這篇文章對你有所幫助!

以上是實例講解JavaScript數組元素求和的六種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!