이 Javascript 계산 루프는 어떻게 작동합니까? - 퀴즈의 출력 만들기

Question

"옳은"또는 "잘못"이 아닌 크기의 출력을 제공하는 자바 스크립트 퀴즈를 작성하려고합니다. 이 퀴즈는 개인 취향, 성격 등을위한 것입니다. 그래서 "당신은 어떤 슈퍼 히어로입니까?"

내가이 JSON을 사용하려고했습니다/여기 Javascrpt : https://github.com/jbierfeldt/bf-quiz/blob/master/bf-quiz.js

은 정말 calcResult에 끊었하고있다. 나는 그것을 디버깅하려고 노력하고 있었고, 그것이 무엇을하는지 알 수 없다. 개별 그룹의 가장 높은 숫자를 추적하고 highest을 입력하고 더 큰 것이 나오면 highest_score 만 수정합니까? 이 출력이 정의 된 숫자 결과 응답과 어떻게 정렬되는지 알 수 없습니다.

calcResult = function calcResult() { 
    var highest = 0; 
    for (var i = 0; i < results.length; i++) { 
     results[i].countof = 0; 
     for (var j = 0; j < userAnswers.length; j++) { 
      if (userAnswers[j] == results[i].result.id) { 
       results[i].countof++; 
      } 
     } 
     if (results[i].countof > highest) { 
      highest = results[i].countof; 
      highest_score = results[i]; 
     } 
    } 
    //disable the inputs after the quiz is finished 
    writeResult(); 
    disableAnswers(); 
}, 

Answer 1

매우 간단합니다. 나는 (약간 일반적인) 주석을 코드에 추가했다.

대부분의 사용자가 답변으로 선택한 결과를 찾습니다 (어떤 결과가 사용 사례에 해당하는지).

calcResult = function calcResult() { 
    // used to keep track of the maximum userAnswers for one result 
    var highest = 0; 

    // iterate through all results... 
    for (var i = 0; i < results.length; i++) { 

     // used to count how many userAnswers exist for this result 
     results[i].countof = 0; 
     // iterate through userAnswers and... 
     for (var j = 0; j < userAnswers.length; j++) { 
      // find userAnswers that are for current result 
      if (userAnswers[j] == results[i].result.id) { 
       // if we are here, we found a userAnswer for the 
       // current result. Therefore, we increment the 
       // number of userAnswers for the result. 
       results[i].countof++; 
      } 
     } 

     // check if the current result has the highest number of  
     // userAnswers so far 
     if (results[i].countof > highest) { 
      // if so, set the new maximum number of userAnswers per 
      // result to the number of userAnswers of the current 
      // result 
      highest = results[i].countof; 

      // store this result as the one with the most userAnswers 
      highest_score = results[i]; 
     } 
    } 
    //disable the inputs after the quiz is finished 
    writeResult(); 
    disableAnswers(); 
}, 

Answer 2

highest은 점수의 수치입니다. highest_score은 가장 높은 점수를 가진 참조 된 개체입니다. 그것은 몇몇면에서 정말로 중복 된 코드입니다.

if (!highest_score || results[i].countof > highest_score.countof) { 
     highest_score = results[i]; 
    } 

을 그리고 당신은 전부 highest 변수를 제거 할 수 있습니다, 대신 highest_score 및 highest_score.countof 참조 : 마지막 if 문은 다음과 같이 정제 할 수있다. 예 :

calcResult = function calcResult() { 
    for (var i = 0; i < results.length; i++) { 
     results[i].countof = 0; 
     for (var j = 0; j < userAnswers.length; j++) { 
      if (userAnswers[j] == results[i].result.id) { 
       results[i].countof++; 
      } 
     } 
     if (!highest_score || results[i].countof > highest_score.countof) { 
      highest_score = results[i]; 
     } 
    } 
    //disable the inputs after the quiz is finished 
    writeResult(); 
    disableAnswers(); 
}, 

그러나 나는 그렇게하지 않을 것입니다. 라이브러리는 아마도 코드의 다른 곳에서 highest을 참조합니다.