underscore.js _.isEqual()用法及代碼示例

_.isEqual() 函數：用於判斷給定的兩個數組是否相同。如果兩個數組具有相同數量的元素，則它們是相同的，屬性和值都需要相同。在數組元素未知並且我們想要檢查它們是否相同的情況下，這可能是有益的。

用法:

_.isEqual(object, other)

參數：
它需要兩個參數：

object:該對象可以是一個數組。
other:另一個數組成立。

返回值：
如果傳遞的數組相同，則返回 true，否則返回 false。

例子：

將 2 個簡單數組傳遞給 _.isEqual() 函數：
_.isEqual() 函數從一個數組的列表中獲取元素並在另一個數組中搜索它。如果在另一個數組中發現該屬性具有相同的值，那麽它會繼續檢查另一個屬性，否則它隻會返回 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 arr1 = {name:'akash', numbers:[3, 7, 14]};
        var arr2  = {name:'akash', numbers:[3, 7, 14]};
        console.log(_.isEqual(arr1, arr2));
    </script>
</body>
   
</html>

輸出：

將具有更多屬性的數組傳遞給 _.isEqual() 函數：
一個數組可以有許多屬性，它必須充當這個函數的參數。像這裏一樣，兩個數組都包含 3 個屬性，每個屬性類型為字符和日期。 _.isEqual() 函數的工作方式與上述示例相同。由於兩個數組具有相同的屬性和相同的值，因此輸出將為 ‘true’。


<!-- 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 arr1 = {name:'akash', gender:['male'], birthDate:[03/22/99]};
        var arr2  = {name:'akash', gender:['male'], birthDate:[03/22/99]};
        console.log(_.isEqual(arr1, arr2));
    </script>
</body>
   
</html>

輸出：

將 2 個空數組傳遞給 _.isEqual() 函數：
_.isEqual() 函數將嘗試檢查所有數組屬性及其值。因為，這兩個數組都沒有任何屬性，所以沒有什麽可以匹配的。因此，兩個數組都是相等的。因此，答案將是正確的。


<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 arr1 = {};
        var arr2  = {};
        console.log(_.isEqual(arr1, arr2));
    </script>
</body>
   
</html>

輸出：

將具有不同屬性的數組傳遞給 _.isEqual() 函數：
如果我們傳遞包含不同屬性的數組，那麽這個函數將以相同的方式工作。它將獲取第一個參數數組的屬性(此處為 ‘name’)並嘗試在下一個數組中找到它。但是由於另一個數組沒有此屬性，因此輸出將為 ‘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 arr1 = {phoneNo:4345656543};
        var arr2  = {name:'ashok'};
        console.log(_.isEqual(arr1, arr2));
    </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 _.isEqual() Function。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。