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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。