Javascript table content sorting example code

Copy codeThe Code is as follows:
<Div id = "html"> </div>
<Script>
Var listInfos = new Array ();
ListInfos [0] = new Array ();
ListInfos [0] [0] = {'name': 'recommendation page 1', 'daycount': 666, 'avgtime': 29872, 'errorcount': 180663, 'errorrate': '000000', 'daysystemerrorcount': 0, 'daysystemrerrorrate': '0% '}
ListInfos [0] [1] = {'name': 'recommendation page 2', 'daycount': 593896, 'avgtime': 24946, 'errorcount': 222, 'errorrate': '2% ', 'daysystemerrorcount': 0, 'daysystemrerrorrate': '0% '}
ListInfos [0] [2] = {'name': 'recommendation page 3', 'daycount': 956, 'avgtime': 27957, 'errorcount': 111, 'errorrate': '000000', 'daysystemerrorcount': 0, 'daysystemrerrorrate': '0% '}
ListInfos [1] = new Array ();
ListInfos [1] [0] = {'name': 'recommendation page 4', 'daycount': 666, 'avgtime': 116, 'errorcount': 180663, 'errorrate': '000000', 'daysystemerrorcount': 0, 'daysystemrerrorrate': '0% '}
ListInfos [1] [1] = {'name': 'recommendation page 5', 'daycount': 11, 'avgtime': 222, 'errorcount': 222, 'errorrate': '2% ', 'daysystemerrorcount': 0, 'daysystemrerrorrate': '0% '}
ListInfos [1] [2] = {'name': 'recommendation page 6', 'daycount': 956, 'avgtime': 956, 'errorcount': 111, 'errorrate': '000000', 'daysystemerrorcount': 0, 'daysystemrerrorrate': '0% '}
Function dateDesc (listInfos, field ){
For (var I = 0; I <listInfos. length; I ++ ){
For (var j = I + 1; j <listInfos. length; j ++ ){
If (isCommaPercent (listInfos [I] [field]) <isCommaPercent (listInfos [j] [field]) {
Var arrayTemp = new Array ();
ArrayTemp = listInfos [I];
ListInfos [I] = listInfos [j];
ListInfos [j] = arrayTemp;
}

}
}
Return listInfos;
}
Function dataAsc (listInfos, field ){
For (var I = 0; I <listInfos. length; I ++ ){
For (var j = I + 1; j <listInfos. length; j ++ ){
If (isCommaPercent (listInfos [I] [field])> isCommaPercent (listInfos [j] [field]) {
Var arrayTemp = new Array ();
ArrayTemp = listInfos [I];
ListInfos [I] = listInfos [j];
ListInfos [j] = arrayTemp;
}

}
}
Return listInfos;
}

Function isCommaPercent (value ){
Var valueFloat;
Value = value. toLocaleString ();
ValueFloat = (value. indexOf (',')> 0 )? Value. split (','). join (''): value;
ValueFloat = (valueFloat. indexOf ('%')> 0 )? ParseFloat (valueFloat. substr (0, valueFloat. indexOf ('%'): parseFloat (valueFloat );
Return valueFloat;
}



Function sortOperation (sortInfos, field, sort ){
Var listInfos = new Array ();
If (sort = 'desc '){
For (var I = 0; I <sortInfos. length; I ++ ){
ListInfos [I] = dateDesc (sortInfos [I], field );
}
} Else if (sort = 'asc '){
For (var I = 0; I <sortInfos. length; I ++ ){
ListInfos [I] = dataAsc (sortInfos [I], field );
}
} Else {
Alert ('Operation error ...');
Return false;
}

Var tableStrList = '';
For (var I = 0; I <listInfos. length; I ++ ){
Var tableStr = 'TableStr + = '<table width = "100%" cellspacing = "0" cellpadding = "0" border = "1" class = "programTabble"> <tbody> <tr class =" indexTableTr "> ';
TableStr + = '<td width = "16%"> program name </td> <td width = "14%"> daily traffic (times) </td> <td width = "14%"> average response time (us) </td> <td width = "14%"> Number of errors (times) </td> ';
TableStr + = '<td width = "14%"> error rate (%) </td> <td width = "14%"> Number of system errors (times) </td> <td width = "14%"> system error rate (%) </td> </tr> ';
For (var j = 0; j <listInfos [I]. length; j ++ ){
TableStr + = '<tr> ';
TableStr + = '<td> <a href = "detail. php? Type = programs & pid = 1 "> '+ listInfos [I] [j] ['name'] +' </a> </td> ';
TableStr + = '<td>' + listInfos [I] [j] ['daycount'] + '</td> ';
TableStr + = '<td>' + listInfos [I] [j] ['avgtime'] + '</td> ';
TableStr + = '<td>' + listInfos [I] [j] ['errcount'] + '</td> ';
TableStr + = '<td>' + listInfos [I] [j] ['errorrate'] + '</td> ';
TableStr + = '<td>' + listInfos [I] [j] ['daysystemerrorcount'] + '</td> ';
TableStr + = '<td>' + listInfos [I] [j] ['daysystemrerrorrate'] + '</td> ';
TableStr + = '</tr> ';
}
TableStr + = '</tbody> </table> ';
TableStrList + = tableStr
}

Document. getElementById ("html"). innerHTML = tableStrList;
}
SortOperation (listInfos, 'daycount', 'asc ')
</Script>