Mega Code Archive

 
Categories / JavaScript DHTML / Language Basics
 

Array sort() Possibilities

<HTML> <HEAD> <TITLE>Array.sort()</TITLE> <SCRIPT LANGUAGE="JavaScript1.1"> solarSys = new Array(9) solarSys[0] = "M" solarSys[1] = "V" solarSys[2] = "E" solarSys[3] = "M" solarSys[4] = "J" solarSys[5] = "S" solarSys[6] = "U" solarSys[7] = "N" solarSys[8] = "P" // comparison functions function compare1(a,b) {     // reverse alphabetical order     if (a > b) {return -1}     if (b > a) {return 1}     return 0 } function compare2(a,b) {     // last character of planet names     var aComp = a.charAt(a.length - 1)     var bComp = b.charAt(b.length - 1)     if (aComp < bComp) {return -1}     if (aComp > bComp) {return 1}     return 0 } function compare3(a,b) {     return a.length - b.length } function sortIt(form, compFunc) {     var delimiter = ";"     if (compFunc == null) {         solarSys.sort()     } else {         solarSys.sort(compFunc)     }     form.output.value = unescape(solarSys.join(delimiter)) } </SCRIPT> <BODY onLoad="document.forms[0].output.value = unescape(solarSys.join(';'))"> <H2>Sorting array elements</H2> This document contains an array of planets in our solar system.<HR> <FORM> Click on a button to sort the array:<P> <INPUT TYPE="button" VALUE="Alphabetical A-Z" onClick="sortIt(this.form)"> <INPUT TYPE="button" VALUE="Alphabetical Z-A" onClick="sortIt(this.form,compare1)"> <INPUT TYPE="button" VALUE="Last Character" onClick="sortIt(this.form,compare2)"> <INPUT TYPE="button" VALUE="Name Length" onClick="sortIt(this.form,compare3)"> <INPUT TYPE="button" VALUE="Reload Original" onClick="self.location.reload()"> <INPUT TYPE="text" NAME="output" SIZE=62> </TEXTAREA> </FORM> </BODY> </HTML>