如何检测对象数组中是否存在属性完全一致的重复服务器配置对象？

Got it, let's solve this problem properly. You need to prevent duplicate server configs from being added to your array—where duplicates are defined as having exact matches for every property name and value, not just being the same object reference (which is what === checks). The standard "how to check if an object is in an array" answers don't cut it here because they rely on reference equality, not value equality.

Here's a straightforward approach to handle this:

Step 1: Create a Helper Function to Compare Object Values #

First, we need a way to check if two objects are truly identical in terms of their properties and values. This function will:

• Check if both objects have the same number of properties
• Iterate through each property and compare values (with recursion for nested objects, just in case you need it later)

function areObjectsEqual(obj1, obj2) {
  // Get all property keys for both objects
  const keys1 = Object.keys(obj1);
  const keys2 = Object.keys(obj2);

  // If they have different numbers of properties, they can't be equal
  if (keys1.length !== keys2.length) return false;

  // Check each property's value
  for (const key of keys1) {
    const val1 = obj1[key];
    const val2 = obj2[key];

    // Recursively compare nested objects (skip null since typeof null is "object")
    if (typeof val1 === 'object' && val1 !== null) {
      if (!areObjectsEqual(val1, val2)) return false;
    } 
    // For primitive values, do a direct comparison
    else if (val1 !== val2) {
      return false;
    }
  }

  // If all checks pass, the objects are equal
  return true;
}

Step 2: Check for Duplicates Before Adding #

Use the helper function with Array.some() to check if your new config already exists in the array. If it doesn't, add it—otherwise, skip.

// Your existing server config array
const serverConfigs = [
  { "url": "test.com", "username": "Rishabh", "apiKeys": "test", "jobName": "testJob" },
  { "url": "test2.com", "username": "Rishabh2", "apiKeys": "test", "jobName": "testJob" }
];

// The new config you want to add
const newServerConfig = { "url": "test2.com", "username": "Rishabh2", "apiKeys": "test", "jobName": "testJob" };

// Check if a duplicate exists
const isDuplicate = serverConfigs.some(config => areObjectsEqual(config, newServerConfig));

// Only add if it's not a duplicate
if (!isDuplicate) {
  serverConfigs.push(newServerConfig);
  console.log("New server config added successfully!");
} else {
  console.log("This config already exists—skipping addition.");
}

How This Works #

• areObjectsEqual ensures that every property name and value matches between two objects, even if they're different object instances.
• Array.some() stops searching as soon as it finds a match, making this efficient even for larger arrays.
• This handles nested objects too, so if your configs ever get more complex (like nested settings), you won't have to rewrite the logic.

Alternative: Use a Library Function #

If you don't want to write your own comparison function, libraries like Lodash have a built-in _.isEqual() method that does exactly this. But the custom function above works great if you want to avoid adding dependencies.

内容的提问来源于stack exchange，提问作者Rishabh Shukla