JavaScript splice() Method
JavaScript Array Object
Definition and Usage
The splice() method is used to remove and add new elements to an array.
Syntax
|
arrayObject.splice(index,howmany,element1,.....,elementX)
|
| Parameter |
Description |
| index |
Required. Specify where to add/remove elements. Must
be a number |
| howmany |
Required Specify how many elements should be removed. Must
be a number, but can be "0" |
| element1 |
Optional. Specify a new element to add to the array |
| elementX |
Optional. Several elements can be added |
Examples
Example 1
Add an element to an array:
<script type="text/javascript">
var arr = new Array(5);
arr[0] = "Jani";
arr[1] = "Hege";
arr[2] = "Stale";
arr[3] = "Kai Jim";
arr[4] = "Borge";
document.write(arr + "<br />");
arr.splice(2,0,"Lene");
document.write(arr + "<br />");
</script>
|
The output of the code above will be:
Jani,Hege,Stale,Kai Jim,Borge
Jani,Hege,Lene,Stale,Kai Jim,Borge
|
Try it yourself »
|
Example 2
Remove the element at index 2 ("Stale"), and add a
new element ("Tove") here (at index 2):
<script type="text/javascript">
var arr = new Array(5);
arr[0] = "Jani";
arr[1] = "Hege";
arr[2] = "Stale";
arr[3] = "Kai Jim";
arr[4] = "Borge";
document.write(arr + "<br />");
arr.splice(2,1,"Tove");
document.write(arr);
</script>
|
The output of the code above will be:
Jani,Hege,Stale,Kai Jim,Borge
Jani,Hege,Tove,Kai Jim,Borge
|
Try it yourself »
|
Example 3
Remove three elements, starting at index 2, and add a
new element ("Tove") there instead:
<script type="text/javascript">
var arr = new Array(5);
arr[0] = "Jani";
arr[1] = "Hege";
arr[2] = "Stale";
arr[3] = "Kai Jim";
arr[4] = "Borge";
document.write(arr + "<br />");
arr.splice(2,3,"Tove");
document.write(arr);
</script>
|
The output of the code above will be:
Jani,Hege,Stale,Kai Jim,Borge
Jani,Hege,Tove
|
Try it yourself »
|
JavaScript Array Object
 |
W3Schools' Online Certification Program
The perfect solution for professionals who need to balance work, family, and career building.
More than 4000 certificates already issued!
|
The HTML Certificate documents your knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The ASP Certificate documents your knowledge of ASP, SQL, and ADO.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
|