How to Properly Merge Two Sorted Arrays in JavaScript While Keeping Original References Intact?
I'm relatively new to this, so bear with me. I'm currently trying to merge two sorted arrays in JavaScript without losing references to the original arrays. I've implemented a function that works fine, but I noticed that modifying one of the original arrays after the merge seems to affect the merged result, which I didn't expect. Here is the code I have so far: ```javascript function mergeSortedArrays(arr1, arr2) { let merged = []; let i = 0, j = 0; while (i < arr1.length && j < arr2.length) { if (arr1[i] < arr2[j]) { merged.push(arr1[i]); i++; } else { merged.push(arr2[j]); j++; } } // Concatenate remaining elements while (i < arr1.length) { merged.push(arr1[i]); i++; } while (j < arr2.length) { merged.push(arr2[j]); j++; } return merged; } const array1 = [1, 3, 5]; const array2 = [2, 4, 6]; const result = mergeSortedArrays(array1, array2); console.log(result); // Should print [1, 2, 3, 4, 5, 6] // Now if I modify array1 array1.push(7); console.log(result); // Unexpectedly prints [1, 2, 3, 4, 5, 6] (but I expected it to change) ``` My expectation was that if I modified `array1`, the merged result would reflect that change since `result` is created from references of the original arrays. But it seems like the merge function creates a new array instead of referencing the original. How can I modify this function so that the merged array keeps the references intact and reflects any changes made to either original array? My development environment is Ubuntu. What am I doing wrong?