isNaN() javascript, numer 2 przecinkami

Question

pracuję z procentu i setInterval() więc mam

var intervalId; 
 
    function randomize(){ 
 
     var prc = $("#prc").val(); 
 
     var c = 0 ; 
 
     if (!intervalId){ 
 
      intervalId = setInterval(function(){ 
 
       c = c + 1; 
 
       var attempt = Math.random() * 100; 
 
       if (attempt <= prc){ 
 
        clearInterval(intervalId); 
 
        intervalId = false; 
 
        $("#attemptnbr").val(c); 
 
       } 
 
      }, 100); 
 
     } 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 

 
Percentage : <input type="text" id="prc"/> 
 
<button onclick="randomize()">GO</button> 
 
Number of attempts :<input type="text" id="attemptnbr"/>

Ale faktycznie, jeśli użytkownik ustaw wejście #prc do 50.345.34, warunek attempt <= prc zawsze zwraca true. Próbowałem console.log(isNaN(prc)), gdy to wejście jest ustawione na numer taki jak 50.345.34 i zawsze zwraca false.

Dlaczego jest uważany za wartość liczbową?

Answer 1

Ale faktycznie, jeśli użytkownik ustaw wejście #prc do 50.345.34, próba < = stan prc zawsze zwraca true.

Dość pewny, że to błąd obserwacji. Twój prc jest ciągiem, który zostanie niejawnie przekonwertowany na numer przez operatora . Numer będzie wynosił NaN, ponieważ "50.345.34" nie może być niejawnie konwertowane, a relacje używające NaN nigdy nie są prawdziwe.

Jednak tak naprawdę nie zmienia tego, co chcesz zrobić, o tym, co jest konwertować prc do numeru celowo i sprawdzić wynik:

var intervalId; 
function randomize(){ 
    var prc = +$("#prc").val(); 
    //  ^------------------- Note the +, that converts it to a number 
    if (isNaN(prc)) { 
     // Handle the invalid input 
     return; 
    } 
    var c = 0 ; 
    if (!intervalId){ 
     intervalId = setInterval(function(){ 
      c = c + 1; 
      var attempt = Math.random() * 100; 
      if (attempt <= prc){ 
       clearInterval(intervalId); 
       intervalId = false; 
       console.log(attempt); 
      } 
     }, 100); 
    } 
} 

Należy zauważyć, że powyższe może zrobić coś, czego nie chcesz, jeśli dane wejściowe to puste: Będzie używać wartości 0, ponieważ +"" jest 0. Jeśli użytkownik nie chce, że można to zrobić:

var prcString = $.trim($("#prc").val()); 
var prc = +prcString; 
if (!prcString) { 
    // Handle the fact they didn't enter anything 
    return; 
} 
if (isNaN(prc)) { 
    // Handle the invalid input 
    return; 
} 

Answer 2

Ponieważ $("#prc").val() zwraca ciąg znaków. 50.345.34 to ciąg znaków. Porównując ciąg i liczbę, js będzie porównywać długość i liczbę łańcuchów.