Javascript NaN dönüştürmek

Bir if ifadesi olmadan NaN değerlerini 0'a dönüştürmenin bir yolu var mı:

if (isNaN(a)) a = 0;

Değişkenlerimi her seferinde kontrol etmek çok can sıkıcı.

Bunu yapabilirsiniz:

a = a || 0

... herhangi bir "falsey" değerinden bir 0.

"Falsey" değerleri:

• false
• null
• undefined
• 0
• "" ^{(boş dize)}
• NaN ^{(Sayı Değil)}

Ya da isterseniz:

a = a ? a : 0;

... yukarıdaki ile aynı etkiye sahip olacak.

Niyet sadece daha fazlasını test etmekseNaN , aynısını yapabilirsiniz, ancak önce bir toNumber dönüşümü yapabilirsiniz .

a = +a || 0

Bu, abir sayıya dönüştürmeyi denemek için unary + operatörünü kullanır . Bu, sayısal dizeler gibi şeyleri '123'bir sayıya dönüştürme avantajına sahiptir .

Beklenmeyen tek şey, birisinin bir sayıya başarıyla dönüştürülebilen bir Array'ı geçmesi olabilir:

+['123']  // 123

Burada, sayısal bir dize olan tek bir üyesi olan bir Dizi var. Başarıyla bir sayıya dönüştürülecek.

Bir çift tilde kullanmak (çift bitsel DEĞİL) - ~~- JavaScript'te bazı ilginç şeyler yapar. Örneğin, yerine Math.floorveya hatta alternatif olarak kullanabilirsiniz parseInt("123", 10)! Web üzerinde çok tartışıldı, bu yüzden neden burada işe gitmeyeceğim, ancak ilgileniyorsanız: JavaScript "çift dalga" (~~) operatörü nedir?

NaNBir sayıya dönüştürmek için çift ​​tilde bu özelliğinden yararlanabiliriz ve mutlulukla bu sayı sıfırdır!

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

Kendi yönteminizi yazın ve sayı değeri istediğiniz her yerde kullanın:

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

Her şey için daha basit ve etkili bir şey:

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

... herhangi bir "falsey" değerinden bir 0.

"Falsey" değerleri:

• false
• null
• undefined
• 0
• "" ^{(boş dize)}
• NaN ^{(Sayı Değil)}

Devam edebilmeniz için bunu yapmak yerine, neden yedeklenip neden bir NaN ile karşılaştığınızı merak etmiyorsunuz?

Bir işlemin sayısal girişlerinden herhangi biri NaN ise, çıkış da NaN olacaktır. Mevcut IEEE Kayan Nokta standardı bu şekilde çalışır (sadece Javascript değildir). Bu davranış iyi bir nedendir : temel amaç, sahte olduğunu fark etmeden sahte bir sonuç kullanmamanızı sağlamaktır.

NaN'ın çalışma şekli, bazı alt alt operasyonlarda bir şeyler ters giderse (bu daha düşük seviyede bir NaN üretiyorsa), nihai sonuç da NaN olacaktır ; hata işleme mantığı (fırlatma / yakalama belki?) henüz tamamlanmadı.

Bir aritmetik hesaplamanın sonucu olarak NaN, her zaman aritmetiğin ayrıntılarında bir şeyin ters gittiğini gösterir. Bilgisayar için "burada hata ayıklama gerekli" demenin bir yolu. Neredeyse hiç doğru olmayan bir sayı ile devam etmek için bir yol bulmak yerine (0 gerçekten istediğiniz nedir?), Neden sorunu bulamıyor ve düzeltmiyorsunuz.

JavaScript yaygın bir sorun hem olmasıdır parseInt(...)ve parseFloat(...)bir saçma argüman (verilirse NaN dönecektir null, ''vs.). Sorunu daha yüksek bir düzeyden ziyade mümkün olan en düşük düzeyde düzeltin. Daha sonra, genel hesaplamanın sonucunun anlamlı olması için iyi bir şansı vardır ve tüm hesaplamanın sonucu olarak bazı sihirli sayıları (0 veya 1 veya her neyse) değiştirmezsiniz. ((ParseInt (foo.value) || 0) öğesinin hilesi yalnızca toplamlar için geçerlidir, ürünler için değil - varsayılan değerin 0 yerine 1 olmasını istediğiniz, ancak belirtilen değer gerçekten 0 ise değil.)

Belki de kodlama kolaylığı için bir işlevin kullanıcıdan bir değer almasını, temizlemesini ve gerekirse varsayılan bir değer vermesini istersiniz:

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

Normal ifadeye ne dersiniz ?

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

Aşağıdaki kod, düzgün girilmiş sayıların hesaplanmasına izin vermek için NaN'yi yok sayar.

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>

ParseInt kullanmaya çalışıyorsanız isNaN kullanılan yöntemler çalışmaz, örneğin:

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

Ancak ikinci durumda isNaN yanlış üretir (yani boş dize bir sayıdır)

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

Özet olarak, boş dize isseNt tarafından geçerli bir sayı olarak kabul edilir, ancak parseInt tarafından değil. OSX Mojave'de Safari, Firefox ve Chrome ile doğrulandı.

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

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

console.log(j)

[0,1,2,3]

kullanıcı 113716 çözüm kullanarak, bu arada tüm bu önlemek için harika-başka ben bu şekilde uyguladım alt toplam metin kutusu metin kutusu birimi ve metin kutusu miktarından hesaplamak için.

Birim ve miktar metin kutularında sayı olmayan işlemlerin yazılmasında, değerleri sıfır ile değiştirilir, bu nedenle kullanıcı verilerinin son gönderilmesinde sayı yoktur.

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

Lütfen bu basit işlevi deneyin

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