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

_.isEqual()函數：

它用於發現兩個給定的數組是否相同。
如果兩個數組具有相同數量的元素，則它們是相同的，屬性和值都必須相同。
在未知數組元素並且我們要檢查它們是否相同的情況下，這可能會很有用。

用法:

_.isEqual(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()函數：
如果我們傳遞包含不同屬性的數組，則此函數將以相同方式工作。它將采用第一個參數數組(此處為“名稱”)的屬性，並嘗試在下一個數組中找到它。但是，由於另一個數組不具有此屬性，因此輸出將為“ 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()。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。