Underscore.js _.filter函数

Underscore.js 是一个 JavaScript 库，即使不使用任何内置对象，它也提供了许多有用的功能，如地图、过滤器、调用等。

_.filter()用于检查传递的数组中的哪些元素满足条件。它将形成一个由所有满足从数组传递的条件的元素组成的新数组。它主要用于需要从大型数组中查找某些元素时。

句法：

_.filter( list, predicate, [context] )

参数：此函数接受三个参数，如上所述，如下所述：

• list：此参数用于保存项目列表。
• predicate：此参数用于保存真值条件。
• context：需要显示的文本内容。它是可选参数。

返回值：返回一个由满足条件的元素组成的数组。

将数字列表传递给 _.filter()函数： _.filter()函数从列表中一一获取元素并检查代码上的指定操作。像这里的操作是查找列表中的元素是否偶数。只有奇数元素会添加到结果数组中。

例子：

    
        
        
    
    
        
            var oddNo = _.filter([1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 
                function(num){ 
                    return num % 2 != 0;
                });
            console.log(oddNo);
        
    
                    

输出：

将单词列表传递给 _.filter()函数： _.filter()函数从列表中逐个获取元素单词，并检查代码上的指定操作。就像这里的操作是找到列表中长度为 9 的元素。只有那些单词才会被添加到长度等于 9 的结果数组中。

例子：

    
        
        
    
    
        
            var words = ['javascript', 'java', 'unix', 'hypertext', 'underscore', 'CSS'];
            const result = words.filter(word => word.length == 9);
            console.log(result);
        
    
                    

输出：

将单独的函数传递给 _.filter()：将用户定义的函数传递给 _.filter()函数。首先，像这里一样声明函数，函数名称为“largest()”，如果元素大于或等于 100，则返回该元素。此函数可以执行用户声明的任何比较。然后，在 _.filter 中传递这个函数。在最后的 console.log) 生成的数组。

例子：

    
        
        
     
    
        
            function largest(v) {
                return v >= 100;
            }
            var res = [1, 4, 12, 15, 8, 330, 54].filter(largest);
            console.log(res);
        
     
                    

输出：

在 _.filter() 函数中使用其他函数：在 _.filter()函数中使用 toLowerCase() 和 indexOf()函数。首先找到每个元素的索引，然后检查它是否大于-1。由于最后使用了 console.log()，因此只能看到传递数组的最后一个元素的输出。

例子：

 
    
        
        
     
    
        
            const lang = ['hypertext', 'markup', 'language', 'cascading',
                                        'style', 'sheet', 'javascript'];
            const func = (query) => 
            {
                return lang.filter((el) =>
                    el.toLowerCase().indexOf(query.toLowerCase()) > -1
                );
            }
            console.log(func('pt')); 
        
     
                    

输出：

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