Benchmark: Insert new Item on specific Index

Tests:

Native Methods
// Params: var arr = [1, 2, 3, 4]; const index = 3; const newItem = 5; // Steps: // 1. Create new array from the original one at given index let start = arr.slice(0, index); // 2. Add new item to the copy start.push(newItem); // 3. Get the rest of the original array let end = arr.slice(index); // 4. Save result arr = start.concat(end) // 5. Print the merged array console.log(arr);
Custom Loop
// Params: var arr = [1, 2, 3, 4]; const index = 3; const newItem = 5; var temp; var newArr = [...arr]; for(var i = index; i < arr.length; i++){ if(temp === undefined){ temp = newArr[i]; }else{ var t = newArr[i]; newArr[i] = temp; temp = t; } } newArr[arr.length] = temp; newArr[index] = newItem; arr = [...newArr]; console.log(arr);
Other Custom Loop
// Params: var arr = [1, 2, 3, 4]; const index = 3; const newItem = 5; // Steps: // 1. Create new array from the original one at given index let copy = []; for (let i = 0; i < index; i++) { copy[copy.length] = arr[i]; } // 2. Add new item to the copy copy[index] = newItem; // 3. Get the rest of the original array let rest = []; for (let i = index; i < arr.length; i++) { rest[rest.length] = arr[i]; } // 4. Merge the two arrays for (let i = 0; i < rest.length; i++) { copy[copy.length] = rest[i]; } // 5. Save new arr arr = [...copy]; // 6. Print the merged array console.log(arr);

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Browser/OS: Chrome 103 on Mac OS X 10.15.7

Insert new Item on specific Index (version: 0)