학교 시간표 모듈을 제작하면서 중복되는 시간을 제거해주는 버튼을 만들었는데
for문을 사용해서 탐색하는 시간이 너무 오래 걸렸다.
어디선가 보았는데 자바스크립트를 사용하면서 걸리는 최대시간이 0.1초여야 한다고 한다.
생각해보니 JSON으로 파싱하여 데이터 받아오고 실시간으로 검색어 뿌려주는데 본래의 빠르게 데이터를
주고 받으려는 목적을 벗어난거 같아서 DOM 구조를 이용하기로 했다.
jQuery의 find()를 이용하면 DOM Tree 를 따라 특정 값을 모두 검색하여 출력이 가능하다.
변경 전
for(i=0;i<splitTime.length;i++){ // 자른 문자배열의 길이만큼
for(j=0;j<$("table input").length;j++){ // 인풋의 갯수만큼
}
}
변경 후
for(i=0;i<splitTime.length;i++){ // 자른 문자배열의 길이만큼
$("table").find("input[value="+splitTime[i]+"]").~ // table의 input중 splitTime[i]의 값을 모두 찾는다.
}
변경 후 속도가 월등하게 개선 되었음
(등록 된 시간표의 시간 갯수) * (인풋의 갯수 * 등록 가능한 시간표) -> (등록 된 시간표의 시간 갯수)