如何用JavaScript判斷兩個數組是否相等？

function areArraysEqual(arr1, arr2) {     if (arr1.length !== arr2.length) return false;     for (let i = 0; i <p>這個函數通過比較數組的長度和每個元素來判斷數組是否相等。乍一看，這個函數似乎能夠很好地完成任務，但實際上它有幾個局限性。</p><p>首先，如果數組中的元素是對象或數組，這個方法就不再適用了，因為JavaScript中的對象和數組是引用類型，直接比較會比較它們的引用，而不是它們的實際值。為了解決這個問題，我們可以使用遞歸的方法來深度比較數組中的每個元素：</p><pre class="brush:javascript;toolbar:false;">function deepEqual(a, b) {     if (a === b) return true;     if (typeof a !== 'object' || a === null || typeof b !== 'object' || b === null) return false;      const keysA = Object.keys(a), keysB = Object.keys(b);     if (keysA.length !== keysB.length) return false;      for (let key of keysA) {         if (!keysB.includes(key) || !deepEqual(a[key], b[key])) return false;     }     return true; }  function areArraysEqual(arr1, arr2) {     if (arr1.length !== arr2.length) return false;     for (let i = 0; i <p>這個版本的areArraysEqual函數使用了deepEqual函數來比較數組中的每個元素，這樣就能正確處理嵌套的對象和數組。</p><p>然而，這個方法仍然有其局限性。例如，JavaScript中的NaN（非數值）是唯一不等于自身的值，所以我們需要特別處理NaN：</p><pre class="brush:javascript;toolbar:false;">function deepEqual(a, b) {     if (a === b) return true;     if (typeof a !== 'object' || a === null || typeof b !== 'object' || b === null) return false;      if (Number.isNaN(a) &amp;&amp; Number.isNaN(b)) return true;      const keysA = Object.keys(a), keysB = Object.keys(b);     if (keysA.length !== keysB.length) return false;      for (let key of keysA) {         if (!keysB.includes(key) || !deepEqual(a[key], b[key])) return false;     }     return true; }  function areArraysEqual(arr1, arr2) {     if (arr1.length !== arr2.length) return false;     for (let i = 0; i <p>這個版本的deepEqual函數添加了對NaN的特殊處理，這樣就能正確比較包含NaN的數組。</p><p>在實際應用中，我們還需要考慮其他一些邊界情況，例如數組中可能包含函數、日期對象、正則表達式等，這些類型的數據比較起來會更加復雜。對于這些情況，我們可能需要進一步擴展deepEqual函數，或者根據具體需求選擇不同的比較策略。</p><p>總的來說，判斷兩個數組是否相等在JavaScript中需要考慮到許多細節和邊界情況。通過編寫一個遞歸的深度比較函數，我們可以處理大部分常見的情況，但對于一些特殊的數據類型，可能需要進一步的優化和擴展。</p><p>在實際開發中，我建議大家在編寫這樣的比較函數時，充分考慮到可能遇到的各種情況，并且通過編寫測試用例來驗證函數的正確性。同時，也要注意代碼的可讀性和維護性，必要時可以將復雜的邏輯拆分成多個小函數來處理。</p>