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
Click here to design a Stunning Flash Website for Free
Wix is a revolutionary web design tool that provides anyone with the possibility to create professional and beautiful websites for free.
With e-commerce features, search engine visibility and many more professional tools, Wix is the ultimate solution for creating a spectacular site while saving tons of money.
|