Sort arrays, variables or objects in Javascript

You can use Defiant.js library, which enables you to perform lightning-fast searches on JSON using XPath expressions, and transform JSON using XSL.

You can try the following function to sort the text element to sort it in alphabetical order

function sortUnorderedList(ul, sortDescending) {
  if(typeof ul == "string")
    ul = document.getElementById(ul);

  // Idiot-proof, remove if you want
  if(!ul) {
    alert("The UL object is null!");
    return;
  }

  // Get the list items and setup an array for sorting
  var lis = ul.getElementsByTagName("LI");
  var vals = [];

  // Populate the array
  for(var i = 0, l = lis.length; i < l; i++)
    vals.push(lis[i].innerHTML);

  // Sort it
  vals.sort();

  // Sometimes you gotta DESC
  if(sortDescending)
    vals.reverse();

  // Change the list on the page
  for(var i = 0, l = lis.length; i < l; i++)
    lis[i].innerHTML = vals[i];
}

To call this function just use the following function

sortUnorderedList("ID_OF_LIST");

If you are implementing Jquery in your code then you may also try the following

var mylist = $('#myUL');
var listitems = mylist.children('li').get();
listitems.sort(function(a, b) {
   return $(a).text().toUpperCase().localeCompare($(b).text().toUpperCase());
})
$.each(listitems, function(idx, itm) { mylist.append(itm); });

For reference of Jquery code here is link

I suppose the items in your arrays are tied. So you should use [{},{},{},{},{}] instead of 4 arrays. var items = [{pagenumber:1,zipcode:77889,streetname:Hillroad,roadnumber:55},{...},{...},{...},{...}] Then sort each key-value property one-by-one, like below:

var x= [ {a:2,b:2,c:3}, {a:1,b:1,c:1}, {a:1,b:2,c:3}, {a:2,b:2,c:2} ];

x.sort(function(item1, item2){ 
    var sort_a = item1.a-item2.a;
    if (sort_a) return sort_a;
    var sort_b = item1.b-item2.b;
    if (sort_b) return sort_b;
    var sort_c = item1.c-item2.c;
    if (sort_c) return sort_c;
})

Or simplify it to be

x.sort(function(item1, item2){ 
    return (item1.a-item2.a) || (item1.b-item2.b) || (item1.c-item2.c);
})

Given the data:

var pagenumber=[1,2,3,4,5]; //only numbers
var zipcode=[77889,99887,33667,11122,44559]; // only numbers
var streetname=['Hillroad', 'Hillroad', 'Baghdad Street', 'Hongway', 'Chinatown']; //only letters
var roadnumber=[55,27,1,13,16]; //only numbers

First, you need to make your data more easily manageable

var data = pagenumber.map(function(val, index) {
    return {
        pagenumber:val, 
        zipcode:zipcode[index],
        streetname:streetname[index],
        roadnumber:roadnumber[index]
    };
});

Then sort it

data.sort(function(a, b) {
     if (a.zipzode != b.zipcode) {
         // numeric
         return a.zipcode - b.zipcode;
     }
     if (a.streetname != b.streetname) {
         // alpha
         return a.streetname < b.streetname ? -1 : a.streetname > b.streetname ? 1 : 0;
     }
     if (a.roadnumber % 2 != b.roadnumber % 2) {
         // even before odd
         return b.roadnumber % 2 - a.roadnumber % 2;
     }
     // numeric
     return a.roadnumber - b.roadnumber;
});