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
The Altova MissionKit, recent winner of the Jolt Product Excellence and Productivity Award for Best Development Environment,
is an integrated suite of tools ideal for:
- XML development
- Web & Web services development
- Data mapping & integration
- Rendering & publishing XML & database data
- XBRL validation, taxonomy editing, transformation & rendering
The MissionKit for XML Developers includes XMLSpy®, MapForce®, and StyleVision® plus 3 additional tools for less than the price of 2.
Try all 6 products free for 30 days!
Download a fully-functional free trial
|
|
|
|
