[an error occurred while processing this directive]

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

                         

[an error occurred while processing this directive]