JavaScript 是一種高階的、動態的、物件導向的程式語言，被廣泛應用於Web開發、行動應用和桌面應用。其中，each 循環是 JavaScript 中最常用的循環方法之一，有著極為廣泛的應用。
什麼是each？
each 是一種循環方法，專門用於遍歷數組或物件中的資料。它被當作一個遍歷器使用，可以簡化循環的編寫，並且使得程式碼更加易於閱讀和理解。
在JavaScript 中，each 可以使用不同的函式庫或框架提供的方法，例如，jQuery 的$.each()，Underscore.js 的_.each()，以及Lodash 的_.forEach()等。本文將以 Lodash 的 each 方法為例進行解說。
如何使用each？
對於陣列：
在使用每個函式庫提供的each方法之前，我們需要引用函式庫或框架，然後才能使用其中的方法。在Lodash中，我們可以使用以下方式來引入each方法：
const _ = require('lodash');接下來，我們可以使用_.each() 方法來遍歷數組，程式碼如下：
let arr = ['apple', 'banana', 'pear'];
_.each(arr, function(fruit) {
console.log(fruit);
});上面的程式碼中，我們遍歷了一個陣列arr，然後用了一個匿名函數作為回呼函數，將每個元素的值輸出到控制台。
在這個例子中，我們使用了一個匿名函數來列印每個水果。但是我們也可以用一個更簡單的寫法來處理上述的例子。例如我們可以使用箭頭函數來代替傳統的匿名函數:
_.each(arr, fruit => console.log(fruit));
這種方式更加簡潔和易於閱讀，並且對於只有一行程式碼的匿名函數來說，也非常適合使用這種方式進行簡化。
對於物件：
在使用each 遍歷物件時，我們需要修改each 方法中的參數，例如：
let obj = {name: 'Tom', age: 18};
_.each(obj, function(value, key) {
console.log(key + ': ' + value);
});上面的程式碼中，我們使用了一個對象obj，並透過each 方法遍歷了它，並將物件的key-value 對輸出到了控制台。每個物件的鍵和值將分別傳遞給回調函數作為參數。
valueOf
對於 Lodash 的 _.each() 方法，還有一個與預設每個項目處理邏輯不同的方法，它是 valueOf() 方法。如果我們使用 valueOf() 方法，則回呼函數規定第一個參數總是要傳入 valueOf() 傳回的值。例如：
let obj = {name: 'Tom', age: 18};
_.each(obj, function(value, key) {
console.log(value);
}, function() {
return this.age;
}.valueOf());上面的程式碼中，我們使用 valueOf() 方法並在回呼函數中傳回了物件的年齡。因此，在控制台上，只輸出了物件的年齡 18。
總結：
透過以上的範例，我們可以看出，each 迴圈在 JavaScript 中是非常常見且實用的。它能夠遍歷所有類型的資料結構，並且相比於傳統的 for 循環，它具有更簡潔、易讀性更高、編寫更方便等優勢。更重要的是，它在大部分的 JavaScript 類別庫或框架中都得到了廣泛的應用，使得程式碼更加標準化，並且更加易於維護和擴展。
雖然不同的 JavaScript 類別庫或框架實作 each 的方法和參數略有不同，但總的來說，它們的目的和作用都是一致的。因此，在實際應用中，我們可以根據專案需求和團隊習慣靈活選擇。
以上是javascript的each用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
