下划线.js | pluck() 示例

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

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

句法：

_.pluck(list, propertyName) 

参数：它需要两个参数：

• 列表
• 属性名称：它是我们需要聚合内容的属性。

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

• 从 _.pluck函数() 中提取数字属性：
  _.pluck()函数从列表中一个一个地获取元素，并从第一个元素开始提取给定属性的详细信息。就像这里的操作是找到列表中的所有年龄。因此，输出将是一个包含元素所有年龄的数字数组。

     
  
      
      
  
     
  
      
            var list = [{name: 'jack', age: 14}, {name: 'jill', age: 15},
                               {name: 'humpty', age: 16}];
            console.log(_.pluck(list, 'age'));
      
  
     

  输出：

  • 从 _.pluck()函数提取字符串属性：
    首先，定义具有完整细节的所有元素的数组。然后传递属性，您需要在此基础上分离详细信息。就像这里使用了“类别”属性。因此，列表中的所有类别类型都将显示为一个新数组。

       
    
        
        
    
       
    
        
             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'));
        
    
       

    输出：

  • 从 _.invoke()函数提取“name”属性：（最常用）
    按照相同的步骤，首先定义完整的数组，然后传递数组名称及其需要提取的属性。输出数组将包含列表中的所有名称。

       
    
        
        
    
       
    
        
             var people = [
            {"name": "sakshi", "hasLong": "false"},
            {"name": "aishwarya", "hasLong": "true"},
            {"name": "akansha", "hasLong": "true"},
            {"name": "preeti", "hasLong": "true"}
        ]
         console.log(_.pluck(people, 'name'););
        
    
       

    输出：

  • 当该属性重复时提取属性：
    创建一个包含至少两个元素具有相同值的属性的数组。然后，如果我们将数组和该属性传递给 _.pluck()函数，它将显示所有可能的属性的详细信息，不管它是否重复。

       
    
        
    
    
       
    
        
             var users = [{id: 1, name:"harry"}, {id: 2, name:"jerry"},
                     {id: 2, name:"jack"}];
        console.log(_.pluck(users, 'id'));
        
    
       

    输出：

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

  一个例子如下所示：

     
  
      
       
  
     
  
      
           var users = [{id: 1, name:"harry"}, {id: 2, name:"jerry"},
                                    {id: 2, name:"jack"}];
      console.log(_.pluck(users, 'id'));
      
  
     

  jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
  您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。