underscore.js _.each()用法及代碼示例

Underscore.js是一個 JavaScript 庫，它提供了許多有用的函數，即使不使用任何內置對象，也能在很大程度上幫助編程，例如映射、過濾器、調用等。
_.each()函數是 Underscore.js JavaScript 庫中的內置函數，用於返回給定列表的每個元素。
用法:

_.each(list, function)

參數：它接受下麵指定的兩個參數：

list:它是包含一些元素的列表。
function:它是通過獲取列表中的每個元素來執行的函數。

返回值：它返回列表的每個元素。
JavaScript 代碼顯示此函數的工作原理：

Passing a list of numbers with alert() function:當元素列表傳遞給警報內置函數時，它會從列表中一一取出元素，然後將其顯示在頁麵上(這是警報函數的函數)。對所有元素發出警報後，警報函數結束，_.each 函數也結束。

javascript


<html> 
  
<head> 
    <script> 
        <src = "https://cdnjs.cloudflare.com/ajax/libs/ 
                underscore.js/1.9.1/underscore-min.js" > 
    </script> 
    <script type="text/javascript" 
    src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js 
         /1.9.1/underscore-min.js.map"></script> 
  
    <script type="text/javascript" 
     src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js 
          /1.9.1/underscore.js"></script> 
</head> 
  
<body> 
    <script type="text/javascript"> 
        _.each([1, 2, 3], alert); 
    </script> 
</body> 
  
</html>

Output:

使用 prompt() 函數傳遞單詞列表：當單詞列表傳遞給提示內置函數時，它會從列表中一一取出單詞，然後將其連同列表中的索引一起顯示在頁麵上(這是提示函數的函數)。警告完所有元素後，提示函數結束，_.each 函數也結束。

javascript


<html> 
  
<head> 
    <script> 
        <src = "https://cdnjs.cloudflare.com/ajax/libs/ 
                underscore.js/1.9.1/underscore-min.js" > 
    </script> 
    <script type="text/javascript" 
    src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js 
         /1.9.1/underscore-min.js.map"></script> 
  
    <script type="text/javascript" 
     src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js 
          /1.9.1/underscore.js"></script> 
</head> 
  
<body> 
    <script type="text/javascript"> 
        _.each(["Geeks", "for", "Geeks"], prompt); 
    </script> 
</body> 
  
</html>

Output:

使用用戶定義的函數傳遞數字列表：首先，我們需要使用‘function’關鍵字創建一個函數。然後，當我們將元素列表傳遞給用戶定義的函數時，它會從列表中一一取出元素並打印出來。當所有元素都傳遞完畢後，函數結束。並且_.each函數也結束了。

javascript


<html> 
  
<head> 
    <script> 
        <src = "https://cdnjs.cloudflare.com/ajax/libs/ 
                underscore.js/1.9.1/underscore-min.js" > 
    </script> 
    <script type="text/javascript" 
    src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js 
         /1.9.1/underscore-min.js.map"></script> 
  
    <script type="text/javascript" 
     src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js 
          /1.9.1/underscore.js"></script> 
</head> 
  
<body> 
    <script type="text/javascript"> 
        function func() { document.write("Hi Geeks" +"<br>");} 
        _.each({one: 1, two: 2, three: 3}, func); 
    </script> 
</body> 
  
</html>

Output:

Hi Geeks
Hi Geeks
Hi Geeks

相關用法

注：本文由純淨天空篩選整理自Sakshi98大神的英文原創作品 Underscore.js _.each() Function。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。