JavaScript array remove an element

As in the previous section of JavaScript array
tutorials we have discussed that we can create a user defined function in
JavaScript which will remove an array element by the provided index, now we will
show you that how a user can remove an array element by providing the element's
value.
In this example we have created a function removeByElement()
which takes array object name and one array element's value which is to be
removed and eliminates the specified array elements value. Here is the function
definition as :
function removeByElement(arrayName,arrayElement)
{
for(var i=0; i<arrayName.length;i++ )
{
if(arrayName[i]==arrayElement)
arrayName.splice(i,1);
}
} |
Above lines of code defines the function for removing
elements according to the value and for this purpose we have used splice()
method. Here is the example code:
javascript_array_remove_element.html
<html>
<head>
<title>
JavaScript array remove element example
</title>
<script type="text/javascript">
var arr = new Array(5);
arr[0]="Rose";
arr[1]="India";
arr[2]="Technologies";
arr[3]="Pvt";
arr[4]="Ltd";
function removeByElement(arrayName,arrayElement)
{
for(var i=0; i<arrayName.length;i++ )
{
if(arrayName[i]==arrayElement)
arrayName.splice(i,1);
}
}
document.writeln("Array before calling removeByElement() method is =<b>"+arr+"</b></br>");
removeByElement(arr,"India");
document.writeln("Array after calling removeByElement() method is =<b>"+arr+"</b></br>");
</script>
</head>
<body bgcolor="#ddcdff">
<h2>
JavaScript array remove element
</h2>
</body>
</html> |
After running this HTML code on the browser we will get
the following output:

Download Sample Source Code

|