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


Underscore.js _.isMatch()用法及代碼示例

_.isMatch()函數:

  • 它用於確定參數中給定的屬性是否存在於傳遞的數組中。
  • 另外,屬性的值必須相同才能匹配。
  • 它用於需要查找數組是否滿足特定條件的情況。

用法:

_.isMatch(object, properties)

參數:
它有兩個參數:


  • 對象/數組
  • 屬性值

返回值:
如果屬性及其值與傳遞的數組匹配,則返回true,否則返回false。

例子:

  1. 將數字屬性傳遞給_.isMatch()函數:
    _.isMatch()函數采用第二個參數中傳遞的屬性,然後嘗試在傳遞的數組中查找該屬性。如果屬性存在於數組定義中,則它將檢查並匹配數組定義和第二個參數中的值。如果匹配,則返回true,否則返回false。如果數組定義中未提及該屬性,則它將僅返回false。
    <!-- Write HTML code here -->
    <html> 
       
    <head> 
        <script src =  
        "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
        </script> 
    </head> 
       
    <body> 
        <script type="text/javascript"> 
            var arr = {name:'alekh', number:02}; 
            console.log(_.isMatch(arr, {number:2})); 
        </script> 
    </body> 
       
    </html>

    輸出:

  2. 將字符屬性傳遞給_.isMatch()函數:
    它將與用於number屬性的_.isMatch()函數相同。像這裏一樣,它將比較屬性中給定的字符串。首先,它將檢查“ name”屬性,然後將第二個參數中提到的名稱(即“ alekh”)與數組定義中的name屬性也稱為“ alekh”進行匹配。因此,輸出將為真。
    <!-- Write HTML code here -->
    <html> 
       
    <head> 
        <script src =  
        "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
         </script> 
    </head> 
       
    <body> 
        <script type="text/javascript"> 
            var arr = {name:'alekh', number:02}; 
            console.log(_.isMatch(arr, {name:'alekh'})); 
        </script> 
    </body> 
       
    </html>

    輸出:

  3. 將空數組傳遞給_.isMatch()函數:
    _.isMatch()函數將看到第二個參數中沒有傳遞任何屬性,因此將不進行檢查,隻會返回true。不必擔心數組定義中提到的其他屬性。
    <html> 
       
    <head> 
        <script src =  
        "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
        </script> 
    </head> 
       
    <body> 
        <script type="text/javascript"> 
            var arr = {}; 
            console.log(_.isMatch(arr, {})); 
        </script> 
    </body> 
       
    </html>

    輸出:

  4. 將數組定義中未提及的屬性傳遞給_.isMatch()函數:
    如果我們傳遞數組定義中未提及的第二個參數,則輸出將為false。這是因為_.isMatch()函數在定義中將沒有任何要匹配的屬性,因此最終輸出將為false。
    <!-- Write HTML code here -->
    <html> 
       
    <head> 
        <script src =  
        "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
        </script> 
    </head> 
       
    <body> 
        <script type="text/javascript"> 
            var arr = {name:'alekh', number:02}; 
            console.log(_.isMatch(arr, {age:24})); 
        </script> 
    </body> 
       
    </html>

    輸出:

  5. `

注意:
這些命令在Google控製台或firefox中將無法使用,因為需要添加這些尚未添加的其他文件。
因此,將給定的鏈接添加到您的HTML文件,然後運行它們。
鏈接如下:

<!-- Write HTML code here -->
<script type="text/javascript" src = 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
</script>

一個例子如下所示:



相關用法


注:本文由純淨天空篩選整理自Sakshi98大神的英文原創作品 Underscore.js | _.isMatch()。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。