JavaScript：无需遍历从多维数组中删除指定子数组

Got it, let's work through this problem. You want to remove a targeted sub-array from a nested JavaScript array without writing explicit manual loops (I assume that's what you mean by "无需遍历"—we'll use built-in array methods to handle iteration under the hood). Here's a step-by-step solution:

Step 1: Build a Helper Function to Compare Arrays of Objects #

Since we're dealing with arrays of objects, direct reference comparison (like ===) won't work. We need a way to check if two sub-arrays contain identical objects (matching key-value pairs across all properties). Let's write a helper function for this:

function arraysAreEqual(arr1, arr2) {
  // First check if the arrays have the same length
  if (arr1.length !== arr2.length) return false;

  // Check each object in the array pair
  return arr1.every((obj, index) => {
    const compareObj = arr2[index];
    const objKeys = Object.keys(obj);
    const compareKeys = Object.keys(compareObj);

    // Ensure both objects have the same number of keys
    if (objKeys.length !== compareKeys.length) return false;

    // Verify every key's value matches exactly
    return objKeys.every(key => obj[key] === compareObj[key]);
  });
}

Step 2: Filter Out the Target Sub-Array #

Your array1 is a 3-level nested structure: [ [ [subArr1], [subArr2], [subArr3] ] ]. We'll use map and filter (built-in methods that handle iteration internally) to strip out the sub-array matching your array2:

// Your original arrays
const array1 = [ [ [{"id":"A1","y":12},{"id":"A4","y":12}], [{"id":"A2","y":1}], [{"id":"A3","y":6}] ] ];
const array2 = [{ "id": "A1", "y": 12 }, { "id": "A4", "y": 2 }];

// Modify the array to remove the matching sub-array
const modifiedArray = array1.map(outerLayer => 
  outerLayer.map(middleLayer => 
    middleLayer.filter(subArr => !arraysAreEqual(subArr, array2))
  )
);

console.log(modifiedArray);
// Output: [ [ [{"id":"A2","y":1}], [{"id":"A3","y":6}] ] ]

Simplified Version (For Fixed Array Structure) #

If you're certain your array structure will always stay [ [ [...], [...], [...] ] ], you can directly target the inner layer for a more concise approach:

// Directly update the nested array
array1[0][0] = array1[0][0].filter(subArr => !arraysAreEqual(subArr, array2));

Quick Notes #

• The helper function accounts for cases where objects might have keys in different order (e.g., {id: "A1", y:12} vs {y:12, id:"A1"}), ensuring accurate matches.
• Using filter and map avoids manual for/while loops, aligning with your request to avoid explicit traversal.

内容的提问来源于stack exchange，提问作者Lembared Nabil