JavaScript and JQuery Essentials Trainin... (53 Blogs)
AWS Global Infrastructure

Front End Web Development

Topics Covered
  • AngularJS (35 Blogs)
  • jQuery UI Development (2 Blogs)
  • The Complete WebDeveloper (40 Blogs)
  • ReactJS (7 Blogs)

How to Implement Splice method() in Javascript?

Published on Sep 27,2019 534 Views

Replacing and Adding elements is one of the most important aspects of JavaScript. In this article, we will understand the Splice method() in Javascript in the following manner:


What is Splice Method() in JavaScript?

The splice() method in JavaScript changes the contents of an array by removing or replacing existing elements and/or adding new elements.

Splice Method() in JavaScript



array.splice(index, howMany, [element1][, ..., elementN]);

Array.splice( index, remove_count, item_list )


Parameters of Splice Method() in JavaScript

This method accepts many parameters some of them are described below:

  • index: It is a required parameter. This parameter is the index which starts modifying the array (with the origin at 0). This can be negative also, which begins after that many elements counting from the end.

  • remove_count: The number of elements to be removed from the starting index.

  • items_list: The list of new items separated by a comma operator that is to be inserted from the starting index.

Return Value: While it mutates the original array in-place, still it returns the list of removed items. In case there is no removed array it returns an empty array


Example Code

Example 1:

<!DOCTYPE html>



<p>Click the button to add and remove elements.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>


var fruits = ["Banana", "Orange", "Apple", "Mango"];

document.getElementById("demo").innerHTML = fruits;

function myFunction() {

  fruits.splice(2, 1, "Lemon", "Kiwi");

  document.getElementById("demo").innerHTML = fruits;






Example 2:

Add an element to the existing array while removing other elements.

var arr=["Monday","Tuesday","Saturday","Sunday","Thursday","Friday"];  
var result=arr.splice(2,2,"Wednesday")  
document.writeln("Updated array: "+arr+"<br>");  
document.writeln("Removed element: "+result);  

Splice method() Output

Example 3:

Add an element to the existing array while removing other elements.

var arr=["Monday","Tuesday","Saturday","Sunday","Thursday","Friday"];  
var result=arr.splice(2);  
document.writeln("Updated array: "+arr+"<br>");  
document.writeln("Removed element: "+result);  

Splice method() in Javascript

With this, we come to an end of this Splice method() in Javascript article. I hope you got an understanding of how to use the splice method().

Check out the Web Development Certification Training by Edureka. Web Development Certification Training will help you learn how to create impressive websites using HTML5, CSS3, Twitter Bootstrap 3, jQuery and Google APIs and deploy it to Amazon Simple Storage Service(S3). 

Got a question for us? Please mention it in the comments section of this article and we will get back to you.



Join the discussion

Browse Categories

Send OTP
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP

Subscribe to our Newsletter, and get personalized recommendations.