當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。