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


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’)與數組定義中的名稱屬性(也是 ‘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>

    輸出:

    `

筆記:
這些命令在 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() Function。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。