首頁  >  文章  >  web前端  >  實例講解JavaScript數組元素求和的六種方法

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

yulia
yulia原創
2018-10-23 16:41:3414351瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn