javascript的each怎么使用

這篇文章主要介紹“javascript的each怎么使用”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“javascript的each怎么使用”文章能幫助大家解決問題。

什么是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。

關于“javascript的each怎么使用”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。