当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


underscore.js contains()用法及代码示例


Underscore.js是一个JavaScript库,提供了许多有用的函数,即使在不使用任何内置对象的情况下,也可以极大地帮助您进行编程,例如映射,过滤,调用等。
_.contains()函数用于检查是否在列表中没有给出特定项目。此函数需要将列表传递给此函数。如果列表包含大量项,则只需更早地定义列表,然后将列表名称作为参数传递给_.contians()函数。

用法:

_.contains( list, value, [fromIndex] )

参数:此函数接受上述和以下所述的三个参数:


  • List:此参数包含项目列表。
  • value:此参数用于在列表中存储需要搜索的值。
  • fromIndex:它是可选参数,用于保存开始搜索的索引。

返回值:此函数返回的值为true(当元素在列表中时)或false(当元素不在列表中时)。

  • 将数组传递给_。包含function():._contains()函数从列表中一个接一个地获取元素,并在列表中搜索给定的元素。在遍历列表时在列表中找到所需的元素后,contains()函数结束,答案为true,否则答案为false。

    例:

    <html>   
        <head> 
            <title>contain() function</title> 
            <script type="text/javascript" src =  
            "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" > 
            </script> 
            <script type="text/javascript" src= 
            "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore.js"> 
            </script> 
        </head>       
        <body> 
            <script type="text/javascript"> 
                  console.log(_.contains([1, 2, 3, 4, 5], 40) ); 
            </script> 
        </body>  
    </html>

    输出:

    例:

    <html>   
        <head> 
            <title>contain() function</title> 
            <script type="text/javascript" src =  
            "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" > 
            </script> 
            <script type="text/javascript" src= 
            "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore.js"> 
            </script> 
        </head>       
        <body> 
            <script type="text/javascript"> 
                  console.log(_.contains([1, 2, 3, 4, 5], 5) ); 
            </script> 
        </body>  
    </html>

    输出:

  • 将字符串列表传递给_.contains()函数:将字符串列表传递给_.contains()函数,并检查给定的字符串是否在列表中找到。如果字符串存在于列表中,则返回true,否则返回false。

    例:

    <html> 
        <head> 
            <title>_.contains() function</title> 
            <script type="text/javascript" src= 
            "https://cdnjs.cloudflare.com/ajax/libs/ 
            underscore.js/1.9.1/underscore-min.js" > 
            </script> 
            <script type="text/javascript" src= 
            "https://cdnjs.cloudflare.com/ajax/libs/ 
             underscore.js/1.9.1/underscore.js"> 
            </script> 
        </head>       
        <body> 
            <script type="text/javascript"> 
                 console.log(_.contains(['steven', 
                'mack', 'jack'], 'steven')); 
            </script> 
        </body> 
    </html>

    输出:

  • 将数组数组传递给_.contains()函数:创建一个数组数组,并将数组名称传递给函数以指定元素。

    例:

    <html> 
        <head> 
            <title>_.contains() function</title> 
            <script type="text/javascript" src= 
            "https://cdnjs.cloudflare.com/ajax/libs/ 
             underscore.js/1.9.1/underscore-min.js" > 
            </script> 
            <script type="text/javascript" src= 
            "https://cdnjs.cloudflare.com/ajax/libs 
             /underscore.js/1.9.1/underscore.js"> 
            </script> 
        </head>        
        <body> 
            <script type="text/javascript"> 
                 var indexes = [  
                {'id': 1, 'name': 'simmy' },  
                {'id':3, 'name': 'sam'},   
                {'id': 5, 'name': 'sandeep'},  
                {'id': 1, 'name': 'sahil' },  
                {'id':3, 'name': 'shagun'}  
            ]; 
            console.log(_.contains(indexes, {'id':1, 'name': 'jake'})); 
            </script> 
        </body> 
    </html>

    输出:

  • 将对象和数组传递给_.contains()函数:首先,定义一个对象变量并将其分配给{test:“ test”}。然后创建一个包含其他元素(如数字)的数组,并将此对象添加为数组元素。将此数组和对象传递给_.contains()函数。由于将对象添加到数组,因此答案将是正确的。

    例:

    <html> 
        <head> 
            <title>_.contains() function</title> 
            <script type="text/javascript" src= 
            "https://cdnjs.cloudflare.com/ajax/libs 
            /underscore.js/1.9.1/underscore-min.js" > 
            </script> 
            <script type="text/javascript" src= 
            "https://cdnjs.cloudflare.com/ajax/libs 
            /underscore.js/1.9.1/underscore.js"> 
            </script> 
        </head>        
        <html>  
        <body> 
            <script type="text/javascript"> 
                 var testObject = {test:"test"}; 
            var testArray = [1, 2, 3, testObject]; 
            console.log(_.contains(testArray, testObject)); 
            </script> 
        </body> 
    </html>

    输出:



相关用法


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