javascript 테이블 내용 정렬 간단한 작업 샘플 코드_javascript 기술

코드 복사 코드는 다음과 같습니다.

<script> <BR>var listInfos = new Array() <BR>listInfos[0] = new Array() <BR>listInfos[0][0] = {'이름': '추천 페이지 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] = {'이름':'추천 페이지 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>arrayTemp = listInfos[i] <BR>listInfos[i] = listInfos[j]; [j] = arrayTemp; <BR>} <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 < listInfos.length ; j ){ <BR>if( isCommaPercent(listInfos[i][field]) > isCommaPercent(listInfos [j][field]) ){ <BR>var arrayTemp = new Array(); <BR>arrayTemp = listInfos[i] <BR>listInfos[i] = listInfos[j]; [j] = arrayTemp; <BR><BR>} <BR>} <br>return listInfos; <br>} <BR><BR>function isCommaPercent(value){ <BR>var valueFloat; 🎜>value = value.toLocaleString(); <br>valueFloat = ( value.indexOf(',') > 0 )? value.split(',').join(''):valueFloat; = (valueFloat .indexOf('%') > 0)?parseFloat(valueFloat.substr(0,valueFloat.indexOf('%'))):parseFloat(valueFloat) <br>return valueFloat; 🎜><BR><BR><BR>function sortOperation(sortInfos,field,sort){ <BR>var listInfos = new Array() <BR>if( sort == 'desc' ){ <BR>for( var i= 0; i < sortInfos.length ; i ){ <br>listInfos[i] = dateDesc(sortInfos[i],field) <br>} <br>}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><BR>var tableStrList ='' <BR>for( var i=0; i < listInfos .length ; i ){ <BR>var tableStr='<h1>program' <BR>tableStr = '<table width="100%"cellspacing="0" cellpadding="0" border =" 1" class="programTabble"><tbody><tr class="indexTableTr">' <BR>tableStr ='<td width="16%">프로그램 이름 &lt ;td width="14%">당일 방문수(회)<td width="14%">평균 응답 시간(us)<td width= "14%">오류 횟수(회)' <BR>tableStr ='<td width="14%">오류율(%) ="14 %">시스템 오류 수(회) <td width="14%">시스템 오류율(%) >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'] ''; <BR>tableStr ='<td>' i][j ]['DayCount'] '' <BR>tableStr ='<td>' listInfos[i][j]['AvgTime'] ''; 🎜>tableStr = '<td>' listInfos[i][j]['ErrCount'] '' <BR>tableStr ='<td>' ErrorRate'] ' '; <BR>tableStr ='<td>' listInfos[i][j]['DaySystemErrorCount'] '<BR>tableStr ='< td>' listInfos [i][j]['DaySystemrErrorRate'] '' <BR>tableStr ='' <BR>tableStr ='&gt ;</ table>'; <BR>tableStrList = tableStr <BR>} <BR><BR>document.getElementById("html").innerHTML=tableStrList <BR>sortOperation(listInfos,'DayCount) ','asc') <BR></script>