JavaScriptテーブルコンテンツソート簡単操作サンプルコード_JavaScriptスキル

< /div>
<script> <br>var listInfos = new Array(); <br>listInfos[0][0] = {'name': '推奨ページ 1','DayCount':666,'AvgTime':29872,'ErrCount':180663,'ErrorRate':'2873%','DaySystemErrorCount':0,'DaySystemrErrorRate':'0%'} <br>listInfos[ 0][1] = {'name':'推奨ページ 2','DayCount':593896,'AvgTime':24946,'ErrCount':222,'ErrorRate':'2%','DaySystemErrorCount' :0, 'DaySystemrErrorRate':'0%'} <br>listInfos[0][2] = {'name':'推奨ページ 3','DayCount':956,'AvgTime':27957,'ErrCount': 111,' ErrorRate':'10%','DaySystemErrorCount':0,'DaySystemrErrorRate':'0%'} <br>listInfos[1] = new Array(); <br>listInfos[1][0] = {'name ':'推奨ページ 4','DayCount':666,'AvgTime':116,'ErrCount':180663,'ErrorRate':'2873%','DaySystemErrorCount':0,'DaySystemrErrorRate':'0 %'} <br>listInfos[1][1] = {'name':'推奨ページ 5','DayCount':11,'AvgTime':222,'ErrCount':222,'ErrorRate':'2% ',' DaySystemErrorCount':0,'DaySystemrErrorRate':'0%'} <br>listInfos[1][2] = {'name':'推奨ページ 6','DayCount':956,'AvgTime':956 ,'ErrCount ':111,'ErrorRate':'10%','DaySystemErrorCount':0,'DaySystemrErrorRate':'0%'} <br>function dateDesc(listInfos,field){ <br>for( var i= 0; i < listInfos.length ; i ){ <BR>for( var j = i 1 ; j < listInfos.length ; j ){ <BR>if(isCommaPercent(listInfos[i][field]) isCommaPercent(listInfos [j][field]) ){ <BR>var arrayTemp = new Array(); <BR>listInfos[i] = listInfos[j]; [j] = arrayTemp; <BR><BR>} <BR>} <BR>return listInfos; <br>} <br>function dataAsc(listInfos,field){ <BR>for( var i= 0; i < listInfos.length ; i ){ <BR>for( var j = i 1 ; j <BR>if( isCommaPercent(listInfos[i][field]) > isCommaPercent(listInfos [j][field]) ){ <BR>var arrayTemp = new Array(); <BR>listInfos[i] = listInfos[j]; [j] = arrayTemp; <BR><BR>} <BR>} <BR>return listInfos; <BR><BR>関数 isCommaPercent(value){ <BR>var valueFloat; 🎜>value = value.toLocaleString(); <br>valueFloat = ( value.indexOf(',') > 0 )? value.split(',').join(''):value; = (valueFloat .indexOf('%') > 0)?parseFloat(valueFloat.substr(0,valueFloat.indexOf('%'))): parseFloat(valueFloat); <br>return valueFloat; 🎜><BR><BR><BR>関数 sortOperation(sortInfos,field,sort){ <br>var listInfos = new Array(); <br>if( sort == 'desc' ){ <BR>for( var i= 0; i <BR>listInfos[i] = dateDesc(sortInfos[i],field); else if(sort == 'asc' ){ <BR>for(var i=0; i < sortInfos.length ; i ){ <BR>listInfos[i] = dataAsc(sortInfos[i],field); <BR>} <BR>}else{ <br>alert('操作エラー...'); <br>return false; <br><br>var tableStrList =''; .length ; i ){ <BR>var tableStr='<h1>program</h1>'; <br>tableStr = '<table width="100%" cellpadding="0" border =" 1" class="programTabble"><tbody><tr class="indexTableTr">'; <br>tableStr ='<td width="16%">プログラム名</td> &lt ;td width="14%">当日の訪問数 (回)</td><td width="14%">平均応答時間 (us)</td><td width= "14 %">エラー数 (回)</td>'; <br>tableStr ='<td width="14%">エラー率 (%)</td> ="14 %">システムエラー数(回)<tdwidth="14%"></tr> >for( var j = 0 ; j < listInfos[i].length ; j ){ <BR>tableStr ='<tr>'; <BR>tableStr ='<td><a href="detail .php?type =programs&pid=1">' listInfos[i][j]['name'] '</a></td>'; <br>tableStr ='<td>' i][j ]['DayCount'] '<br>tableStr ='<td>' listInfos[i][j]['AvgTime'] '</td>'; 🎜>tableStr = '<td>' listInfos[i][j]['ErrCount'] '</td>'; <br>tableStr ='<td>' ErrorRate'] ' </td>'; <BR>tableStr ='<td>' listInfos[i][j]['DaySystemErrorCount'] '<BR>tableStr ='< td>' listInfos [i][j]['DaySystemrErrorRate'] '</td>' <br>tableStr ='</tbody&gt ;</ table>'; <br>tableStrList = tableStr <br>} <br><br>document.getElementById("html").innerHTML=tableStrList; <br>sortOperation(listInfos,'DayCount) ','asc ') <br></script>