add support for object comparison in arrays (new function compareObjects), update usage

Author: KCSquid

public/consolidated/javascript.json

@@ -12,7 +12,7 @@
                     "equal"
                 ],
                 "contributors": [],
-                "code": "const compareArrays = (array1, array2) => {\n  if (!Array.isArray(array1) || !Array.isArray(array2)) return false;\n  if (array1.length !== array2.length) return false;\n\n  const traverse = (arr1, arr2) => {\n    for (let i = 0; i < arr1.length; i++) {\n      if (Array.isArray(arr1[i]) && Array.isArray(arr2[i])) {\n        if (!traverse(arr1[i], arr2[i])) return false;\n      } else if (arr1[i] !== arr2[i]) {\n        return false;\n      }\n    }\n\n    return true;\n  }\n\n  return traverse(array1, array2);\n}\n\n// Usage:\nconst number = 123;\nconst array1 = [1, 2, 3, 4, 5];\nconst array2 = [1, 2, 3, 4, 5];\nconst array3 = [[1, 2], [3, 4]];\nconst array4 = [[1, 2], [3, 4]];\n\ncompareArrays(array1, array2); // Returns: true\ncompareArrays(array1, number); // Returns: false\ncompareArrays(array1, array4); // Returns: false\ncompareArrays(array3, array4); // Returns: true\n"
+                "code": "const compareArrays = (array1, array2) => {\n  if (\n    !Array.isArray(array1) || !Array.isArray(array2) ||\n    array1.length !== array2.length\n  ) return false;\n\n  for (let i = 0; i < array1.length; i++) {\n    if (Array.isArray(array1[i]) && Array.isArray(array2[i])) {\n      if (!compareArrays(array1[i], array2[i])) return false;\n    } else if (typeof array1[i] === \"object\" && typeof array2[i] === \"object\") {\n      if (!compareObjects(array1[i], array2[i])) return false;\n    } else if (array1[i] !== array2[i]) {\n      return false;\n    }\n  }\n\n  return true;\n};\n\nconst compareObjects = (obj1, obj2) => {\n  if (typeof obj1 !== \"object\" || typeof obj2 !== \"object\") return false;\n\n  const keys1 = Object.keys(obj1);\n  const keys2 = Object.keys(obj2);\n  if (keys1.length !== keys2.length) return false;\n\n  for (let key of keys1) {\n    const val1 = obj1[key];\n    const val2 = obj2[key];\n\n    if (Array.isArray(val1) && Array.isArray(val2)) {\n      if (!compareArrays(val1, val2)) return false;\n    } else if (typeof val1 === \"object\" && typeof val2 === \"object\") {\n      if (!compareObjects(val1, val2)) return false;\n    } else if (val1 !== val2) {\n      return false;\n    }\n  }\n\n  return true;\n};\n\n// Usage:\nconst number = 123;\nconst array1 = [1, 2, 3, 4, 5];\nconst array2 = [1, 2, 3, 4, 5];\nconst array3 = [[1, 2], [3, 4]];\nconst array4 = [[1, 2], [3, 4]];\nconst array5 = [{ a: 1, b: [{ c: 2 }] }, 3];\nconst array6 = [{ a: 1, b: [{ c: 2 }] }, 3];\n\ncompareArrays(array1, array2); // Returns: true\ncompareArrays(array3, array4); // Returns: true\ncompareArrays(array5, array6); // Returns: true\ncompareArrays(array1, number); // Returns: false\ncompareArrays(array3, array6); // Returns: false\n"
             },
             {
                 "title": "Partition Array",

snippets/javascript/array-manipulation/compare-arrays.md

@@ -7,33 +7,59 @@ tags: array,compare,equal
 
 ```js
 const compareArrays = (array1, array2) => {
-  if (!Array.isArray(array1) || !Array.isArray(array2)) return false;
-  if (array1.length !== array2.length) return false;
-
-  const traverse = (arr1, arr2) => {
-    for (let i = 0; i < arr1.length; i++) {
-      if (Array.isArray(arr1[i]) && Array.isArray(arr2[i])) {
-        if (!traverse(arr1[i], arr2[i])) return false;
-      } else if (arr1[i] !== arr2[i]) {
-        return false;
-      }
+  if (
+    !Array.isArray(array1) || !Array.isArray(array2) ||
+    array1.length !== array2.length
+  ) return false;
+
+  for (let i = 0; i < array1.length; i++) {
+    if (Array.isArray(array1[i]) && Array.isArray(array2[i])) {
+      if (!compareArrays(array1[i], array2[i])) return false;
+    } else if (typeof array1[i] === "object" && typeof array2[i] === "object") {
+      if (!compareObjects(array1[i], array2[i])) return false;
+    } else if (array1[i] !== array2[i]) {
+      return false;
     }
+  }
+
+  return true;
+};
+
+const compareObjects = (obj1, obj2) => {
+  if (typeof obj1 !== "object" || typeof obj2 !== "object") return false;
+
+  const keys1 = Object.keys(obj1);
+  const keys2 = Object.keys(obj2);
+  if (keys1.length !== keys2.length) return false;
 
-    return true;
+  for (let key of keys1) {
+    const val1 = obj1[key];
+    const val2 = obj2[key];
+
+    if (Array.isArray(val1) && Array.isArray(val2)) {
+      if (!compareArrays(val1, val2)) return false;
+    } else if (typeof val1 === "object" && typeof val2 === "object") {
+      if (!compareObjects(val1, val2)) return false;
+    } else if (val1 !== val2) {
+      return false;
+    }
   }
 
-  return traverse(array1, array2);
-}
+  return true;
+};
 
 // Usage:
 const number = 123;
 const array1 = [1, 2, 3, 4, 5];
 const array2 = [1, 2, 3, 4, 5];
 const array3 = [[1, 2], [3, 4]];
 const array4 = [[1, 2], [3, 4]];
+const array5 = [{ a: 1, b: [{ c: 2 }] }, 3];
+const array6 = [{ a: 1, b: [{ c: 2 }] }, 3];
 
 compareArrays(array1, array2); // Returns: true
-compareArrays(array1, number); // Returns: false
-compareArrays(array1, array4); // Returns: false
 compareArrays(array3, array4); // Returns: true
+compareArrays(array5, array6); // Returns: true
+compareArrays(array1, number); // Returns: false
+compareArrays(array3, array6); // Returns: false
 ```