Home Java Javascript-array JavaScript array remove an element

Related Tutorials


 
 

Share on Google+Share on Google+

JavaScript array remove an element

Advertisement
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

Advertisements

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: November 10, 2008

Related Tutorials

Discuss: JavaScript array remove an element  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments:2
zeke
April 17, 2011
it's work

your code is totally working.. ^^
OnLine
December 21, 2011
Way to delete empty array

Hi, Here is a way to deete null /empty array elements in JS: var newArr = new Array();for (k in arr) if(arr[k]) newArr.push(arr[k]);
DMCA.com