Articles → JAVASCRIPT → Splice Functions In Javascript

Splice Functions In Javascript

In this article, we will discuss splice functions in JavaScript.

Purpose

The splice function adds/removes elements from an array.

Syntax

This is the syntax of the splice function.

Here,

The first parameter indicates the index of the array where the item can be added or removed.
The second parameter is the count of the number of elements to be deleted. If the count is zero then it means that we are adding the value in an array.
The third parameter is an array of items to be inserted.

Add An Element In An Array

Consider the following code

<script>
    const months = ['Jan', 'March', 'April', 'June'];
         
    months.splice(1, 0, 'Feb'); // => Inserts the value at index 1
    months.splice(2, 0, 'Feb'); // => Inserts the value at index 2
    months.splice(3, 0, 'Feb'); // => Inserts the value at index 3
         
    console.log(months);
</script>

Try It

In the above example, we are inserting the new elements at index 1,2 and 3.

Picture showing the array after an element is added in an array using the Splice function

Removing Elements In An Array

Consider the following code

<script>
    const months = ['Jan', 'March', 'April', 'June'];
                  
    months.splice(3, 1, 'May'); // => Delete
    console.log(months);
</script>

Try It

In the above code, the element at index 3 is deleted and inserted the new value "May".

Picture showing the array after an element is removed in an array using the Splice function

Posted By -	Karan Gupta

Posted On -	Sunday, September 5, 2021

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**