BackboneJS - Collection Pluck

更新于 2025/12/3 23:40:00

描述

它从集合中的每个模型中检索属性。

语法

collection.pluck(attribute)

参数

attribute − 它表示已定义模型的属性。

示例

<!DOCTYPE html>
<html>
   <head>
      <title>Collection Example</title>
      <script src = "https://code.jquery.com/jquery-2.1.3.min.js"
         type = "text/javascript"></script>
      
      <script src = "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"
         type = "text/javascript"></script>
      
      <script src = "https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"
         type = "text/javascript"></script>
   </head>
   
   <body>
      <script type = "text/javascript">
        var LangNames = Backbone.Model; //'LangNames' 是模型名称
        var langauges = new Backbone.Collection; //'langauges' 是集合实例
        
        //集合实例与 comparator() 方法一起使用，用于比较项目并显示它们
        //按降序排列
        langauges.comparator = function(value1, value2) {
        
            //比较器返回 -1，表示第一个模型应显示在第二个模型之前
            if (value1.get('name') > value2.get('name')) return -1;
            
            //它返回 -1，表示第一个模型应显示在第二个模型之后
            if (value2.get('name') > value1.get('name')) return 1;
            return 0;
        };
        langauges.add(new LangNames({name: "Java"}));
        langauges.add(new LangNames({name: "PHP"}));
        langauges.add(new LangNames({name: "HTML"}));
        
        //pluck() 方法返回一个属性，使用集合中模型的"name"属性
        document.write("pluck('name') 返回的属性： ",langauges.pluck('name'));
      </script>
      
   </body>
</html>