How can I deep merge two arrays in JavaScript?

How can I deep merge two arrays in JavaScript?

You can use a combination of the Array.prototype.concat() method and recursion to deep merge arrays. Would you like a code example?

Yes, please provide a code example.

Here's a simple example:

function deepMergeArrays(arr1, arr2) {
    return arr1.map((item, index) => {
        if (Array.isArray(item) && Array.isArray(arr2[index])) {
            return deepMergeArrays(item, arr2[index]);
        }
        return arr2[index] !== undefined ? arr2[index] : item;
    });
}

const array1 = [[1, 2], [3, 4]];
const array2 = [[5, 6], [7]];
const merged = deepMergeArrays(array1, array2);
console.log(merged); // Output: [[5, 6], [7, 4]]

What if the arrays have different lengths?

The function will handle different lengths by checking if the index exists in the second array. If it doesn't, it will keep the original item from the first array.