isNaN() javascript, số với 2 dấu phẩy

Question

Tôi đang làm việc với tỷ lệ phần trăm và setInterval() vì vậy tôi có một

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"/>

Nhưng trên thực tế nếu người dùng thiết lập các #prc đầu vào 50.345.34, điều kiện attempt <= prc luôn trả về true. Tôi đã cố gắng để console.log(isNaN(prc)) khi đầu vào này được đặt thành một số như 50.345.34 và nó luôn trả về false.

Tại sao nó được coi là giá trị số?

Answer 1

Nhưng thực sự nếu người dùng đặt đầu vào #prc thành 50.345.34, cố gắng < = điều kiện prc luôn trả về đúng.

Chắc chắn đó là lỗi quan sát. prc của bạn là một chuỗi, sau đó sẽ được chuyển đổi hoàn toàn thành một số bởi toán tử <=. Số này sẽ là NaN vì "50.345.34" không được chuyển đổi hoàn toàn, và các mối quan hệ sử dụng NaN không bao giờ đúng.

Tuy nhiên nó không thực sự thay đổi những gì bạn muốn làm gì về nó, đó là chuyển đổi prc một số vào mục đích và kiểm tra kết quả:

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); 
    } 
} 

tôi nên lưu ý trên có thể làm một cái gì đó bạn không muốn nếu đầu vào là trống: Nó sẽ sử dụng giá trị 0, bởi vì +"" là 0. Nếu bạn không muốn điều đó, bạn có thể làm điều này:

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

Vì $("#prc").val() trả về một chuỗi. 50.345.34 là một chuỗi. Khi bạn so sánh chuỗi và số, js sẽ so sánh độ dài chuỗi và giá trị số.