Cloning an Array in SAPUI5 or Fiori Projects with JavaScript

Hello,

I am working on the function of a button in a Sapui5 project. I wrote my codes without testing them first and realized a little late that the button’s function was not working properly. As the code got longer, it became difficult to find where the error was made. However, I realized that the arrays I created in a simple way affected each other. I thought I made a simple assignment mistake, but I was surprised that the assignments for the Arrays were correct. It was even difficult to find where the change occurred. It was obvious that there was a mistake for arrays containing objects, and in my research on the internet and blogs, the following methods were presented as solutions:

1. JSON.parse and JSON.stringify method
2. Assigning values with For loops
3. Array.slice() method
4. spread operator (clonedArray = […orginalArray]) method
5. Array.concat() method

But they are not worked.

I have solve it with these codes. And i want to share with that blog post.

//Cloning arrays:
			function deepCopyArray(arr) {
				if (Array.isArray(arr)) {
					var copy = [];
					for (let z = 0; z < arr.length; z++) {
						copy[z] = deepCopyArray(arr[z])
					}
					return copy;
				} else if (typeof arr === 'object' && arr !== null) {
					var copy = {};
					for (var key in arr) {
						if (arr.hasOwnProperty(key)) {
							copy[key] = deepCopyArray(arr[key]);
						}
					}
					return copy;
				} else {
					return arr;
				}
			}

			if (editedInsList.length == 0) {
				editedInsList = deepCopyArray(defaultInsList);
				editedInsList2 = deepCopyArray(defaultInsList);
			}

I hope it was a useful sharing. Thank you for taking the time to read.