JavaScript array splice

One more useful method of JavaScript Array class is splice() method which removes elements from the array and as well as adds elements to the array.

JavaScript array splice

One more useful method of JavaScript Array class is splice() method which removes elements from the array and as well as adds elements to the array.

JavaScript array splice

JavaScript array splice

     

One more useful method of JavaScript Array class is splice() method which removes elements from the array and as well as adds elements to the array. Syntax of splice() method is as given below:

arrayObject.splice(index,howmany,element1,.....,elementN)

  • index It specifies the index position from where to add/remove elements and it is mandatory for splice() method
  • howmany It is also mandatory and it specifies that how many elements to be removed.
  • element1...N It is optional and represents the element to be added.

Here is the full example code of JavaScript array splice() example as follows:

 

 

javascript_array_splice.html

<html>
<head>
<title>
   JavaScript array splice() method example
</title>
<script type="text/javascript">
var arr = new Array(5);
arr[0]="Sandeep";
arr[1]="Suman";
arr[2]="Saurabh";
arr[3]="Vinod";
arr[4]="Amar";
document.write("<b>Original Array is </b>=>"+arr+"<br>");
arr.splice(1,0,"Amit");
document.write("<b>splice(1,0,Amit)</b>=>"+arr+"<br>");
arr.splice(2,1,"Kumar","Vineet");
document.write("<b>splice(2,1,Kumar,Vineet)</b>=>"+arr+"<br> ");
</script>
</head>
<body bgcolor="#ddcdff">
<h2>
  Example of implementing splice() method on array 
</h2>
</body>
</html>

Output of this example is as follows:

Download Sample Source Code