Examples by age-size
<!DOCTYPE HTML><HTML> <Head> <MetaCharSet= "Utf-8" /> <title></title> </Head> <Body> <Buttononclick= "Sortbyagedesc ()">Sort by age from big to small</Button> <DivID= "List"></Div> </Body> <Script> varData=[{name:"Zachary", Age: -}, {name:"Nicholas", Age: in}]; Renderlist (data); /*general methods for sorting by attributes*/ functioncreatecomparisonfunction (PropertyName) {varresult= function(Object1, object2) {varvalue1=Object1[propertyname]; varvalue2=Object2[propertyname]; if(value1<value2) { return -1; }Else if(value1>value2) { return 1; }Else{ return 0; }; }; returnresult; }; /*Render List Contents*/ functionrenderlist (data) {var_html= "'; for(varI= 0, L=data.length; I<l; I++) {_html+= '<li> Name:'+Data[i].name+', Age:'+Data[i].age+'</li>'; }; document.getElementById ('List'). InnerHTML= '<ul>'+_html+'</ul>'; }; /*Sort by age*/ functionSortbyagedesc () {Data.sort (Createcomparisonfunction ("name")); Renderlist (data); return false; }; </Script></HTML>
Examples of sorting by attributes