Konwertuj NaN na 0 w javascript

Czy istnieje sposób na konwersję wartości NaN na 0 bez instrukcji if:

if (isNaN(a)) a = 0;

Sprawdzanie moich zmiennych za każdym razem jest bardzo denerwujące.

Możesz to zrobić:

a = a || 0

... który zamieni dowolną wartość „falsey” na 0.

Wartości „falsey” to:

• false
• null
• undefined
• 0
• "" ^{( pusta struna )}
• NaN ^{(Nie liczba)}

Lub to jeśli wolisz:

a = a ? a : 0;

... które będą miały taki sam efekt jak powyżej.

Jeśli celem było przetestowanie czegoś więcej niż tylko NaN, możesz zrobić to samo, ale najpierw wykonać konwersję do liczby .

a = +a || 0

To używa operatora unary +, aby spróbować przekonwertować ana liczbę. Ma to tę dodatkową zaletę, że konwertuje takie rzeczy, jak ciągi liczbowe '123'na liczbę.

Jedyną nieoczekiwaną rzeczą może być sytuacja, gdy ktoś przejdzie przez tablicę, którą można z powodzeniem przekonwertować na liczbę:

+['123']  // 123

Tutaj mamy tablicę, która ma pojedynczy element, który jest ciągiem liczbowym. Zostanie pomyślnie przekonwertowany na liczbę.

Używanie podwójnej tyldy (podwójnie bitowe NIE) - ~~- robi kilka interesujących rzeczy w JavaScript. Na przykład możesz użyć go zamiast Math.floorlub nawet jako alternatywy dla parseInt("123", 10)! Dużo się o tym mówi w Internecie, więc nie będę się zastanawiał, dlaczego tu działa, ale jeśli jesteś zainteresowany: co to jest operator „podwójnej tyldy” (~~) w JavaScript?

Możemy wykorzystać tę właściwość podwójnej tyldy do konwersji NaNna liczbę i na szczęście ta liczba wynosi zero!

console.log(~~NaN); // 0

Napisz własną metodę i używaj jej wszędzie tam, gdzie chcesz wartość liczbową:

function getNum(val) {
   if (isNaN(val)) {
     return 0;
   }
   return val;
}

Coś prostszego i skutecznego na wszystko:

function getNum(val) {
   val = +val || 0
   return val;
}

... który zamieni dowolną wartość „falsey” na 0.

Wartości „falsey” to:

• false
• null
• undefined
• 0
• "" ^{( pusta struna )}
• NaN ^{(Nie liczba)}

Zamiast kludować, aby móc kontynuować, dlaczego nie wykonać kopii zapasowej i zastanawiać się, dlaczego w ogóle napotykasz NaN?

Jeśli którykolwiek z numerycznych danych wejściowych operacji jest NaN, wyjście będzie również NaN. Tak właśnie działa obecny standard zmiennoprzecinkowy IEEE (to nie tylko Javascript). Takie zachowanie jest nie bez powodu : podstawową intencją jest powstrzymanie cię od wykorzystywania fałszywego wyniku bez uświadomienia sobie, że jest fałszywy.

Sposób działania NaN polega na tym, że jeśli coś pójdzie nie tak w niektórych poddziałaniach podrzędnych (wytwarzając NaN na tym niższym poziomie), końcowym wynikiem będzie również NaN, który natychmiast rozpoznasz jako błąd, nawet jeśli twój logika obsługi błędów (może rzucać / łapać?) nie jest jeszcze ukończona.

NaN jako wynik obliczeń arytmetycznych zawsze wskazuje, że coś poszło nie tak w szczegółach arytmetyki. W ten sposób komputer może powiedzieć „potrzebne jest tutaj debugowanie”. Zamiast znaleźć sposób na kontynuację z jakąś liczbą, która prawie nigdy nie jest poprawna (czy 0 naprawdę jest tym, czego chcesz?), Dlaczego nie znaleźć problemu i go naprawić.

Częstym problemem jest to, że zarówno JavaScript parseInt(...)i parseFloat(...)zwróci NaN jeśli otrzymują bezsensowny argument ( null, ''itp). Napraw problem na najniższym możliwym poziomie, a nie na wyższym poziomie. Zatem wynik ogólnego obliczenia ma dużą szansę na sens i nie zastępujesz żadnej magicznej liczby (0 lub 1 lub cokolwiek innego) wynikiem całego obliczenia. (Sztuczka (parseInt (foo.value) || 0) działa tylko w przypadku sum, a nie produktów - w przypadku produktów, których wartość domyślna ma wynosić 1, a nie 0, ale nie, jeśli podana wartość naprawdę wynosi 0.)

Być może dla ułatwienia kodowania chcesz, aby funkcja pobierała wartość od użytkownika, czyściła ją i, w razie potrzeby, podała wartość domyślną:

function getFoobarFromUser(elementid) {
        var foobar = parseFloat(document.getElementById(elementid).innerHTML)
        if (isNaN(foobar)) foobar = 3.21;       // default value
        return(foobar.toFixed(2));
}

Co powiesz na regex ?

function getNum(str) {
  return /[-+]?[0-9]*\.?[0-9]+/.test(str)?parseFloat(str):0;
}

Poniższy kod zignoruje NaN, aby umożliwić obliczenie poprawnie wprowadzonych liczb

function getNum(str) {
  return /[-+]?[0-9]*\.?[0-9]+/.test(str)?parseFloat(str):0;
}
var inputsArray = document.getElementsByTagName('input');

function computeTotal() {
  var tot = 0;
  tot += getNum(inputsArray[0].value);
  tot += getNum(inputsArray[1].value);
  tot += getNum(inputsArray[2].value);
  inputsArray[3].value = tot;
}

<input type="text"></input>
<input type="text"></input>
<input type="text"></input>
<input type="text" disabled></input>
<button type="button" onclick="computeTotal()">Calculate</button>

Metody, które używają isNaN, nie działają, jeśli próbujesz użyć parseInt, na przykład:

parseInt("abc"); // NaN
parseInt(""); // NaN
parseInt("14px"); // 14

Ale w drugim przypadku isNaN produkuje fałsz (tzn. Ciąg zerowy jest liczbą)

n="abc"; isNaN(n) ? 0 : parseInt(n); // 0
n=""; isNaN(n) ? 0: parseInt(n); // NaN
n="14px"; isNaN(n) ? 0 : parseInt(n); // 14

Podsumowując, łańcuch zerowy jest uważany za prawidłową liczbę przez isNaN, ale nie przez parseInt. Sprawdzone w Safari, Firefox i Chrome na OSX Mojave.

var i = [NaN, 1,2,3];

var j = i.map(i =>{ return isNaN(i) ? 0 : i});

console.log(j)

[0,1,2,3]

za pomocą rozwiązania 113716 użytkownika, które, nawiasem mówiąc, jest świetne, aby uniknąć tych wszystkich, jeśli-inaczej wdrożyłem go w ten sposób, aby obliczyć sumę częściową pola tekstowego z jednostki pola tekstowego i ilości pola tekstowego.

W procesie pisania liczb nie będących liczbami w polach tekstowych jednostek i ilości, ich wartości są zastępowane przez zero, więc końcowe księgowanie danych użytkownika nie zawiera żadnych liczb.

     <script src="/common/tools/jquery-1.10.2.js"></script>
     <script src="/common/tools/jquery-ui.js"></script>

     <!----------------- link above 2 lines to your jquery files ------>





    <script type="text/javascript" >
    function calculate_subtotal(){

    $('#quantity').val((+$('#quantity').val() || 0));
    $('#unit').val((+$('#unit').val() || 0));

    var  calculated = $('#quantity').val() * $('#unit').val() ;
    $('#subtotal').val(calculated);


    }
    </script>


      <input type = "text" onChange ="calculate_subtotal();" id = "quantity"/>
      <input type = "text" onChange ="calculate_subtotal();" id = "unit"/>
      <input type = "text" id = "subtotal"/>

Spróbuj tej prostej funkcji

var NanValue = function (entry) {
    if(entry=="NaN") {
        return 0.00;
    } else {
        return entry;
    }
}