더북(TheBook)

 

10장

 

 

셀프체크

sort() 메서드를 사용해 반응속도를 오름차순으로 정렬한 후, slice() 메서드로 앞에서 5개를 잘라냅니다. 잘라낸 5개로 #result 태그에 br 태그(행갈이)와 함께 순위를 추가하면 됩니다.

$screen.addEventListener('click', function () {
  (중략)
  } else if ($screen.classList.contains('now')) { // 측정 화면
    endTime = new Date();
    const current = endTime - startTime;
    records.push(current);
    const average = records.reduce((a, c) => a + c) / records.length;
    $result.textContent = `현재 ${current}ms, 평균: ${average}ms`;
    const topFive = records.sort((p, c) => p - c).slice(0, 5);
    topFive.forEach((top, index) => {
      $result.append(
        document.createElement('br'), `${index + 1}: ${top}ms`,
      );
    });
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.