How to insert specific index in array using lodash?

In JavaScript, if you want to insert an element at a specific index, you can use native JavaScript methods like splice. However, if you prefer using the lodash library for data handling, you can achieve this by creating a custom function since Lodash does not have a native method for this purpose.

Below is an example of how to insert elements at a specified index in an array by combining lodash and native JavaScript methods.

Example - Using Lodash and JavaScript's splice Method:

javascript
import _ from 'lodash';

function insertAt(array, index, ...elements) {
  // Create a copy of the original array to avoid modifying it
  let newArray = _.clone(array);
  // Insert elements using the splice method
  newArray.splice(index, 0, ...elements);
  return newArray;
}

// Example usage
const originalArray = [1, 2, 3, 5];
const index = 3;
const newElements = [4];

const newArray = insertAt(originalArray, index, ...newElements);
console.log(newArray);  // Output: [1, 2, 3, 4, 5]

Explanation:

In this example, insertAt is a custom function that accepts three parameters:

1. array - the original array
2. index - the position where new elements will be inserted
3. ...elements - one or more new elements to insert

Inside the function, it first uses Lodash's clone method to create a copy of the original array to avoid modifying it. Then, it uses the native splice method to insert the elements at the specified index. Finally, the function returns the modified new array.

This approach combines Lodash's data processing capabilities with the flexibility of JavaScript's native splice method, effectively enabling element insertion in arrays.