Latest Tutorials| Questions and Answers|Ask Questions?|Site Map



Home Java Javascript-array JavaScript array functions sort

Related Tutorials


 
 

Share on Google+Share on Google+

JavaScript array functions sort

Advertisement
We try to explain you a example that makes easy to understand the concept of JavaScript array function sort.

JavaScript array functions sort

     

We try to explain you a example that makes easy to understand the concept of JavaScript array function sort. The code create a HTML Page specifying Name, text field and  button 'Insert and sort'. The variable array instantiate an array object .On click the button, function  push( ) and show ( ) is invoked. The function push ( ) evaluate the condition, if the value entered in a text field is null, an alert message box is displayed with 'Name is empty'. Otherwise the value entered  by the user is assigned to array. The function show( )  include array. sort( ) method.

array. sort ( )  -  The sort( ) is used to sort the element in an array. This method sort the element by alphabetically.

The sorted array assigned to a string variable. The for loop run and execute the script till the length of i is less than the count. The concatenated string and array are assigned in variable string .

Finally if the array length is greater than 0,The code displays you the sorted element stored from a string in your supporting browsers.

document.getElementById('myDiv').innerHTML   -  This return you element of an array on the basis of the respective Id.


 

JavaScript array functions sort.html

<html>
  <head>
  <title>push function</title>
  <script>

  var array = new Array();
  var count = 0;

  function push(val){
  if(val=="")
  alert("Name is empty")
  else {
  array[count]=val;
  count++;
  }
  }
  
  function show() {
  
  array.sort();
  var string="<b>Sorted Array:</b><br>";
  for(i = 0; i < count; i++) {
  string =string+array[i]+"<br>";
  }
  if(array.length > 0)
  document.getElementById('myDiv').innerHTML = string;
  }
  </script>
  
  </head>
  
  <body>
  <h2>JavaScript Sort</h2>
  <form name="form1">
  <table width="407">
  <tr>
  <td width="154" align="right"><b>Name</b></td>
  <td width="9"><b>&nbsp;:</b></td>
  <td width="224">
  <input type="text" name="name"/></td>
  </tr>
  <tr>
  <td width="154" align="right">&nbsp;</td>
  <td width="9">&nbsp;</td>
  <td width="224">&nbsp;</td>
  </tr>
  <tr>
  <td width="154" align="right">&nbsp;</td>
  <td width="9">&nbsp;</td>
  <td width="224">
  <input type="button" Value="Insert And Sort" 
   onclick="push(this.form.name.value),show();"/>

  </td>
  </tr>
  </table>
  </form>
  <div id="myDiv"></div>
  </body>
</html>

Output



After insert value:

Download 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 13, 2008

Related Tutorials

Discuss: JavaScript array functions sort  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments:0
DMCA.com