首頁 >web前端 >前端問答 >javascript中forEach()方法是做什麼的

javascript中forEach()方法是做什麼的

青灯夜游
青灯夜游原創
2021-10-09 16:35:372284瀏覽

在javascript中,forEach()方法用於為數組執行迭代操作,可以呼叫數組的每個元素,並將元素傳遞給回調函數進行處理;語法「array.forEach(function(Value, index,arr),thisValue)」。

javascript中forEach()方法是做什麼的

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

Array 類型為每個陣列定義了 forEach() 原型方法,使用此方法可以為陣列執行迭代操作。

forEach() 方法用於呼叫陣列的每個元素,並將元素傳遞給回呼函數。

具體語法如下:

array.forEach(function(currentValue, index, arr), thisValue)

參數說明如下:

  • #array:一個陣列物件。

  • function(currentValue, index, arr):必要參數,最多可以接收三個參數的函數。 forEach 將為數組中的每個元素呼叫 callbackfn 函數一次。

    • currentValue:必要。目前元素    

    • index:可選。當前元素的索引值。   

    • arr:可選。目前元素所屬的數組物件。   

  • thisArg:可選參數,callbackfn 函數中的 this 可引用的物件。如果省略 thisArg,則 this 的值為 undefined。

對於陣列中出現的每個元素,forEach 方法都會呼叫 callbackfn 函數一次,並採用升序索引順序,但不會為陣列中空元素呼叫回呼函數。

除了陣列物件之外,forEach 方法還可以用於有 length 屬性且具有已按數字編制索引的屬性名的任何對象,如關聯數組物件、Arguments 等。

forEach 方法不會直接修改原始數組,但回呼函數可能會修改它。在 forEach 方法啟動後修改陣列物件所得到的結果如表所示。

回呼函數修改陣列的影響
forEach 方法啟動後的條件 元素是否傳遞給回呼函數
#在陣列的原始長度之外加上元素
#新增元素以填入陣列中缺少的元素 是,如果該索引尚未傳遞給回呼函數
元素已更改 是,如果該元素尚未傳遞給回調函數
從陣列中刪除元素 否,除非該元素已傳遞給回呼函數

#範例1:使用 forEach迭代數組 a,然後把每個元素的值和下標索引輸出顯示,程式碼如下:

function f(value,index,array) {
    console.log("a[" + index + "] = " + value);
}
var a = ['a', 'b', 'c'];
a.forEach(f);

輸出:

javascript中forEach()方法是做什麼的

範例2:使用 forEach 迭代陣列 a,然後計算陣列元素的和輸出

var a = [10, 11, 12], sum = 0;
a.forEach (function (value) {
    sum += value;
});
console.log(sum);  //返回33

輸出:

javascript中forEach()方法是做什麼的

【建議學習:javascript高階教學

以上是javascript中forEach()方法是做什麼的的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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