freeCodeCamp/guide/english/certifications/javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice/index.md

title
Slice and Splice

Slice and Splice

Remember to use Read-Search-Ask if you get stuck. Try to pair program and write your own code

Problem Explanation:

We need to copy each element from the first array into the second array starting at the index n. We've also got to ensure that the original arrays are not mutated. That is, we cannot make any changes to the original arrays.

Relevant Links

• str.slice()
• str.splice()

Hint: 1

Create a copy of the second array inside of the function. This will ensure that the original array is not mutated. This can be done by using the slice operation on the second array, and assign it to a variable.

try to solve the problem now

Hint: 2

Loop through all of the items in the first array. For each item in the first array splice it into the copied array in the index given as argument.

try to solve the problem now

Hint: 3

Increment the index after performing the splice.

try to solve the problem now

Spoiler Alert!

Solution ahead!

Basic Code Solution:

function frankenSplice(arr1, arr2, n) {
  // It's alive. It's alive!
  let localArray = arr2.slice();
  for (let i = 0; i < arr1.length; i++) {
    localArray.splice(n, 0, arr1[i]);
    n++;
  }
  return localArray;
}

Run Code

Code Explanation:

• Our goal is to take all of the elements from arr1 and insert them into arr2 starting with index position n. At the same time we must ensurethat neither arr or arr2 have been mutated.

• Using the slice() function we can create an exact replica of arr2 and assign the result of the operation to a variable, localArray.

• Now that we have an array that we can mutate on, we can iterate through every item in the first array. For each item in the first array we can use the splice() function to insert the item into index n of localArray.

• We increment the index n by one. This will ensure that every item from the arr1 is inserted into localArray in the proper index position.

• Finally, we return the localArray and end the function.

🌻 Intermediate Code Solution:

function frankenSplice(arr1, arr2, n) {
  // It's alive. It's alive!
  let localArr = arr2.slice();
  localArr.splice(n, 0, ...arr1);
  return localArr;
}

Run Code

• Since our goal is to return the new array with out altering arr1 or arr2 we create a localArr and add all the items from arr2 using the slice() function

• Since the splice() function will mutate (alter) arrays and can be used to add new elements we will use it to add the contents of arr1 into localArr. n is the starting position where our content will be inserted. We won't be deleting any elements so the next argument is 0. Then we add the entire contents of arr1 using spread syntax ....

• localArr is returned and the function is complete.

NOTES FOR CONTRIBUTIONS:

• DO NOT add solutions that are similar to any existing solutions. If you think it is similar but better, then try to merge (or replace) the existing similar solution.
• Add an explanation of your solution.
• Categorize the solution in one of the following categories — Basic, Intermediate and Advanced.
• Please add your username only if you have added any relevant main contents. ( DO NOT remove any existing usernames)

See Wiki Challenge Solution Template for reference.