var arr = [10, 5, 30, 25];
(function(){
arr.sort(); //[10,25,30,5]
var i = 'hoge1';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(){return -1;}); //[10,25,30,5]
var i = 'hoge2';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(){return 0;}); //[10,25,30,5]
var i = 'hoge3';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(){return 1;}); //[5,30,25,10]
var i = 'hoge4';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(a,b){return -1;}); //[5,30,25,10]
var i = 'hoge5';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(a,b){return 0;}); //[5,30,25,10]
var i = 'hoge6';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(a,b){return 1;}); //[10,25,30,5]
var i = 'hoge7';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(a,b){return a-b;}); //[5,10,25,30]
var i = 'hoge8';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(a,b){return b-a;}); //[30,25,10,5]
var i = 'hoge8';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(a,b){return a>b;}); //[5,10,25,30]
var i = 'hoge10';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(a,b){return a<b;}); //[30,25,10,5]
var i = 'hoge11';
document.getElementById(i).textContent=i + '= [' + arr + ']';
}).call(this);
(function(){
var arr = [
['CC','300','yy'],
['AA','200','xx'],
['BB','100','zz'],
];
arr.sort(function(a,b){return a[0]-b[0]}); //[CC,300,yy,AA,200,xx,BB,100,zz]
var i = 'hoge12';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(a,b){return a[1]-b[1]}); //[BB,100,zz,AA,200,xx,CC,300,yy]
var i = 'hoge13';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(a,b){return a[2]-b[2]}); //[BB,100,zz,AA,200,xx,CC,300,yy]
var i = 'hoge14';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(a,b){return b[0]-a[0]}); //[BB,100,zz,AA,200,xx,CC,300,yy]
var i = 'hoge15';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(a,b){return b[1]-a[1]}); //[CC,300,yy,AA,200,xx,BB,100,zz]
var i = 'hoge16';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(a,b){return b[2]-a[2]}); //[CC,300,yy,AA,200,xx,BB,100,zz]
var i = 'hoge17';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(a,b){return a[0]<b[0]}); //[CC,300,yy,BB,100,zz,AA,200,xx]
var i = 'hoge18';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(a,b){return a[1]<b[1]}); //[CC,300,yy,AA,200,xx,BB,100,zz]
var i = 'hoge19';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(a,b){return a[2]<b[2]}); //[BB,100,zz,CC,300,yy,AA,200,xx]
var i = 'hoge20';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(a,b){return a[0]>b[0]}); //[AA,200,xx,BB,100,zz,CC,300,yy]
var i = 'hoge21';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(a,b){return a[1]>b[1]}); //[BB,100,zz,AA,200,xx,CC,300,yy]
var i = 'hoge22';
document.getElementById(i).textContent=i + '= [' + arr + ']';
arr.sort(function(a,b){return a[2]>b[2]}); //[AA,200,xx,CC,300,yy,BB,100,zz]
var i = 'hoge23';
document.getElementById(i).textContent=i + '= [' + arr + ']';
}).call(this);
See the Pen js: sort() sample by nwstcode (@nwst) on CodePen.