Home Java Javascript-array JavaScript array remove an element



JavaScript array remove an element
Posted on: November 10, 2008 at 12:00 AM
As in the previous section of JavaScript array tutorials we have discussed.

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

Related Tags for JavaScript array remove an element:
javajavascriptcidearrayfunctiontutorialsscriptfuniousersedremoveipvitutorialvalueriaidelementcreatemovedefineshowindexunctossesheilsectionlscanuseinnoasmntcajemfuncmehowprodefinedtorwhichsdiscatishallpreraydiscusseaarvatutorscrssriripthshoavaluhatfinprmovndono


More Tutorials from this section

Ask Questions?    Discuss: JavaScript array remove an element  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 

Ask Questions?

If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.

Ask your questions, our development team will try to give answers to your questions.