underscore.js _.pluck用法及代码示例

Underscore.js 是一个 JavaScript 库，它提供了许多有用的函数，即使不使用任何内置对象，也能在很大程度上帮助编程，例如映射、过滤器、调用等。

当我们需要提取给定属性的列表时，使用 _.pluck() 函数。就像我们必须找出所有学生的姓名一样，那么我们可以简单地将 _.pluck() 函数应用于所有学生的详细信息。它只会从所有 stuf=dents 的详细信息中提取名称并显示它。由此形成的列表将只是一个名称数组。

用法:

_.pluck(list, propertyName)

参数：它需要两个参数：

List
Property Name:这是我们需要聚合内容的属性。

返回值：
返回的值是我们需要提取的该属性详细信息的数组。该数组将按照与列表中的顺序相同的顺序包含元素。

Extracting a number property from the _.pluck function():


<html> 
   
<head> 
    <script src =  
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" > 
    </script> 
</head> 
   
<body> 
    <script type="text/javascript"> 
          var list = [{name: 'jack', age: 14}, {name: 'jill', age: 15}, 
                             {name: 'humpty', age: 16}]; 
          console.log(_.pluck(list, 'age')); 
    </script> 
</body> 
   
</html>

输出：

Extracting a string property from the _.pluck() function:
首先，定义数组，其中所有元素都有完整的详细信息。然后传递您需要根据其分离详细信息的属性。就像这里使用‘category’属性一样。因此，列表中的所有类别类型都将显示为新数组。


<!-- Write HTML code here -->
<html> 
   
<head> 
    <script src =  
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" > 
    </script> 
</head> 
   
<body> 
    <script type="text/javascript"> 
         var goal  = [ 
        { 
            "category" : "other", 
            "title" : "harry University", 
            "value" : 50000, 
            "id":"1" 
        }, 
        { 
            "category" : "traveling", 
            "title" : "tommy University", 
            "value" : 50000, 
            "id":"2" 
        }, 
        { 
            "category" : "education", 
            "title" : "jerry University", 
            "value" : 50000, 
            "id":"3" 
        }, 
        {     
            "category" : "business", 
            "title" : "Charlie University", 
            "value" : 50000, 
            "id":"4" 
        } 
    ] 
    console.log(_.pluck(goal, 'category')); 
    </script> 
</body> 
   
</html>

输出：

Extracting the ‘name’ property from the _.invoke() function: (most common use)
按照与首先相同的步骤，定义完整的数组，然后传递数组名称及其需要提取的属性。输出数组将包含列表中的所有名称。


<!-- Write HTML code here -->
<html> 
   
<head> 
    <script src =  
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" > 
    </script> 
</head> 
   
<body> 
    <script type="text/javascript"> 
         var people = [ 
        {"name": "sakshi", "hasLong": "false"}, 
        {"name": "aishwarya", "hasLong": "true"}, 
        {"name": "akansha", "hasLong": "true"}, 
        {"name": "preeti", "hasLong": "true"} 
    ] 
     console.log(_.pluck(people, 'name');); 
    </script> 
</body> 
   
</html>

输出：

Extracting property when that property repeats:
创建一个包含至少两个元素具有相同值的属性的数组。然后，如果我们将数组和该属性传递给 _.pluck() 函数，它将显示所有可能的属性的详细信息，无论它是否重复。


<html> 
   
<head> 
    <script src =  
   "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
</script> 
</head> 
   
<body> 
    <script type="text/javascript"> 
         var users = [{id: 1, name:"harry"}, {id: 2, name:"jerry"}, 
                 {id: 2, name:"jack"}]; 
    console.log(_.pluck(users, 'id')); 
    </script> 
</body> 
   
</html>

输出：

注意这些命令在 Google 控制台或 Firefox 中不起作用，因为需要添加他们未添加的其他文件。
因此，将以下链接添加到您的 HTML 文件中，然后运行它们。


<!-- Write HTML code here -->
<script type="text/javascript" src = 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
</script>

一个例子如下所示：


<html> 
   
<head> 
    <script type="text/javascript" src = 
     "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
     </script> 
</head> 
   
<body> 
    <script type="text/javascript"> 
         var users = [{id: 1, name:"harry"}, {id: 2, name:"jerry"}, 
                                  {id: 2, name:"jack"}]; 
    console.log(_.pluck(users, 'id')); 
    </script> 
</body> 
   
</html>

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其哲学而闻名“少写，多做”.
你可以按照这个从头开始学习 jQueryjQuery 教程和jQuery 示例.

相关用法

注：本文由纯净天空筛选整理自Sakshi98大神的英文原创作品 Underscore.js _.pluck Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。