下划线.js | findWhere() 与示例

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

_.findWhere()函数用于获取与给定属性匹配的所有元素的列表。 _.findWhere()函数用于在整个节列表中搜索内容。将显示包含内容的部分。

句法：

_.findWhere(list, properties) 

参数：它需要两个参数：

• 列表：此参数包含项目列表。
• 属性：该参数包含测试条件。

返回值：返回从列表中选择的元素的详细信息。只有匹配的第一个元素才会作为输出给出。

_.findWhere() 和 _.where()函数之间的区别：这两个函数都采用数组名称和要匹配的属性，但 _.where()函数显示所有匹配项，而 _.findWhere)函数仅匹配第一个比赛。

搜索数组中的属性： ._findWhere()函数将数组元素一一匹配给定的属性是否相同。如果该属性匹配，则显示该特定元素的其余详细信息。第一次匹配属性后，_.findWhere()函数结束。它只显示第一个匹配项。

例子：

HTML

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

输出：

将具有许多不同属性的元素列表传递给 _.findWhere()函数：首先，声明包含所有元素及其特定属性的数组。然后传递数组名称以及需要与 _.findWhere()函数匹配的属性。所有其余属性将显示为该特定元素的输出。

例子：

HTML

    
        _.findWhere() function
        
        
          
    
        
            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(_.findWhere(goal, {category: "education"}));
        
     

输出：

将带有“true/false”的数组作为属性传递给 _.findWhere()函数：首先声明数组（这里的数组是“people”）。它是属性（此处为“hasLong”）被定义为“true”或“false”。选择一种条件进行检查，例如此处的“hasLongHairs”。 Console.log 显示最终答案。

例子：

HTML

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

输出：

将数字数组作为属性一起传递给_.findWhere()函数：同样的过程也是先声明数组的所有属性，然后给出数组名和与_.findWhere()函数匹配的属性.

例子：

HTML

    
        _.findWhere() function
        
        
          
    
        
             var users = [{"num":"1"},
                          {"num":"2"},
                          {"num":"3"},
                          {"num":"4"},
                          {"num":"5"}];
        console.log(_.findWhere(users, {num:"2"}));
        
    
   

输出：