3種實作方法:1、使用for循環,語法「for(i=0;i
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
方法1:使用for迴圈
實作想法:
使用for迴圈來遍歷數組
在循環體中,利用「 =」運算子將陣列元素一個個相加求和
實作範例:
var arr = [1,2,3,4,5,6,7,8,9,10]; var i,sum=0; for(i=0;i<arr.length;i++){ //循环遍历数组 //将数组元素一个个相加求和 sum+=arr[i]; } console.log(sum);
方法2、使用forEach()方法
forEach() 方法用於呼叫陣列的每個元素,並將元素傳遞給回呼函數。
語法:
array.forEach(funtion callbackfn(value, index, array), thisValue)
funtion callbackfn(value, index, array)
:必要參數,指定回呼函數,最多可以接收三個參數:
value:陣列元素的值。
index:陣列元素的數字索引。
array:包含該元素的陣列物件。
thisValue
:可省略的參數,回呼函數中的 this 可引用的物件。如果省略 thisArg,則 this 的值為 undefined。
下面透過程式碼範例來具體了解:
範例:將陣列值進行累加求和
var a = [10, 11, 12], sum = 0; function f(value) { sum += value; } a.forEach(f); console.log(sum);
方法3、使用reduce() 方法
reduce() 方法可對陣列中的所有元素呼叫指定的回呼函數。此回調函數的傳回值為累積結果,且此回傳值在下一次呼叫該回呼函數時作為參數提供。
語法:
array.reduce(function callbackfn(previousValue, currentVaule, currentIndex, array), initialValue)
function callbackfn(previousValue, currentVaule, currentIndex, array)
:必要參數,指定回呼函數,最多可以接收4個參數:
previousValue:透過上一次呼叫回呼函數所得到的值。如果向 reduce() 方法提供 initialValue,則在首次呼叫函數時,previousValue 為 initialValue。
currentVaule:目前元素陣列的值。
currentIndex:目前陣列元素的數字索引。
array:包含該元素的陣列物件。
initialValue
:可省略的參數,傳遞給函數的初始值。
下面透過程式碼範例來具體了解:
範例:將陣列值進行累加求和
var a = [11, 12, 13], sum = 0; function f(pre,curr) { sum=pre+curr; return sum; } a.reduce(f); console.log(sum);
輸出結果:
【相關推薦:javascript影片教學、程式設計影片】
以上是JavaScript怎麼實作陣列元素相加的詳細內容。更多資訊請關注PHP中文網其他相關文章!