Як перетворити NaN з parseInt в 0 для порожнього рядка?

Чи можна якось повернути 0 замість того, NaNщоб розбирати значення в JavaScript?

У разі порожнього рядка parseIntповертається NaN.

Чи можливо зробити щось подібне в JavaScript для перевірки NaN?

var value = parseInt(tbb) == NaN ? 0 : parseInt(tbb)

А може, є інша функція або плагін jQuery, який може зробити щось подібне?

var s = '';

var num = parseInt(s) || 0;

Якщо не використовується з булевими значеннями, логічний ||оператор OR ( ) повертає перший вираз ( parseInt(s)), якщо його можна оцінити як істинне, інакше він повертає другий вираз (0). Повернене значення parseInt('')NaN. NaN оцінюється як false, тому в numкінцевому підсумку встановлюється 0.

Ви також можете використовувати isNaN()функцію:

var s = ''
var num = isNaN(parseInt(s)) ? 0 : parseInt(s)

Я був здивований, не побачивши, щоб хтось згадував про використання Number(). Якщо це надано, він буде аналізувати десяткові знаки, якщо це передбачено, тому він буде діяти інакше, ніж parseInt(), однак він вже передбачає базу 10 і перетворить "" або навіть "" в 0.

Для людей, які не обмежені parseInt, ви можете використовувати оператор бітового АБО (який неявно викликає ToInt32його операнди).

var value = s | 0;

// NaN | 0     ==>> 0
// ''  | 0     ==>> 0
// '5' | 0     ==>> 5
// '33Ab' | 0  ==>> 0
// '0x23' | 0  ==>> 35
// 113 | 0     ==>> 113
// -12 | 0     ==>> -12
// 3.9 | 0     ==>> 3

Примітка: ToInt32відрізняється від parseInt. (тобто parseInt('33Ab') === 33)

Проблема

Інші відповіді не враховують, що 0є помилковим, і тому наступним буде 20 замість 0:

const myNumber = parseInt('0') || 20; // 20

Рішення

Я пропоную функцію помічника, яка вирішує більшість питань:

function getNumber({ value, defaultValue }) {
  const num = parseInt(value, 10);
  return isNaN(num) ? defaultValue : num;
}

Функція помічника дасть такі результати:

getNumber({ value: "0", defaultValue: 20 }); // 0
getNumber({ value: "2", defaultValue: 20 }); // 2
getNumber({ value: "2.2", defaultValue: 20 }); // 2
getNumber({ value: "any string", defaultValue: 20 }); // 20
getNumber({ value: undefined, defaultValue: 20 }); // 20
getNumber({ value: null, defaultValue: 20 }); // 20
getNumber({ value: NaN, defaultValue: 20 }); // 20
getNumber({ value: false, defaultValue: 20 }); // 20
getNumber({ value: true, defaultValue: 20 }); // 20

Чи є робота набагато чистішою, ніж аналіз на мою думку, скористайтеся оператором +

var s = '';
console.log(+s);

var s = '1024'
+s
1024

s = 0
+s
0

s = -1
+s
-1

s = 2.456
+s
2.456

s = ''
+s
0

s = 'wtf'
+s
NaN

var value = isNaN(parseInt(tbb)) ? 0 : parseInt(tbb);

Зробіть окрему перевірку порожнього рядка (оскільки це один конкретний випадок) і встановіть його в нуль у цьому випадку.

Ви можете додати "0" до початку, але тоді вам потрібно додати префікс, щоб вказати, що це десятковий, а не вісімковий номер

Чому б не змінити функцію? У такому випадку ви завжди можете бути впевнені, що він повернеться 0у випадку NaN:

(function(original) {
    parseInt = function() {
        return original.apply(window, arguments) || 0;
    };
})(parseInt);

Тепер у будь-якому місці коду:

parseInt('') === 0

У мене була подібна проблема (firefox v34) з простими рядками, такими як:

var myInt = parseInt("b4");

Тому я придумав швидкий злом:

var intVal = ("" + val).replace(/[^0-9]/gi, "");

А потім у всіх дурних складно розібратися з floats + ints для непростих речей:

var myval = "12.34";

function slowParseNumber(val, asInt){
    var ret = Number( ("" + val).replace(/[^0-9\.]/gi, "") );
    return asInt ? Math.floor(ret) : ret;
}
var floatVal = slowParseNumber(myval);

var intVal = slowParseNumber(myval, true);
console.log(floatVal, intVal);

Він поверне 0 для таких речей, як:

var intVal = slowParseNumber("b"); // yeilds 0

//////////////////////////////////////////////////////
function ToInt(x){x=parseInt(x);return isNaN(x)?0:x;}
//////////////////////////////////////////////////////
var x = ToInt('');   //->  x=0
    x = ToInt('abc') //->  x=0
    x = ToInt('0.1') //->  x=0
    x = ToInt('5.9') //->  x=5
    x = ToInt(5.9)   //->  x=5
    x = ToInt(5)     //->  x=5

Я створив 2 прототипу, щоб вирішити це для мене, один для числа та один для String.

// This is a safety check to make sure the prototype is not already defined.
Function.prototype.method = function (name, func) {
    if (!this.prototype[name]) {
        this.prototype[name] = func;
        return this;
    }
};

// returns the int value or -1 by default if it fails
Number.method('tryParseInt', function (defaultValue) {
    return parseInt(this) == this ? parseInt(this) : (defaultValue === undefined ? -1 : defaultValue);
});

// returns the int value or -1 by default if it fails
String.method('tryParseInt', function (defaultValue) {
    return parseInt(this) == this ? parseInt(this) : (defaultValue === undefined ? -1 : defaultValue);
});

Якщо ви не хочете використовувати перевірку безпеки, використовуйте

String.prototype.tryParseInt = function(){
    /*Method body here*/
};
Number.prototype.tryParseInt = function(){
     /*Method body here*/
};

Приклад використання:

var test = 1;
console.log(test.tryParseInt()); // returns 1

var test2 = '1';
console.log(test2.tryParseInt()); // returns 1

var test3 = '1a';
console.log(test3.tryParseInt()); // returns -1 as that is the default

var test4 = '1a';
console.log(test4.tryParseInt(0));// returns 0, the specified default value

// implicit cast
var value = parseInt(tbb*1); // see original question

Пояснення для тих, хто не вважає це тривіальним:

Помножуючи на один, метод, який називається "неявна передача", намагається перетворити операнд невідомого типу в примітивний тип "число". Зокрема, порожній рядок стане номером 0, що робить його прийнятним типом для parseInt () ...

Дуже хороший приклад був також наведений вище PirateApp, який запропонував додати знак +, змусивши JavaScript використовувати анкетне число.

Також таким чином, чому б не написати функцію і назвати її там, де це потрібно. Я припускаю, що це введення в поля форми для виконання розрахунків.

var Nanprocessor = function (entry) {
    if(entry=="NaN") {
        return 0;
    } else {
        return entry;
    }
}

 outputfield.value = Nanprocessor(x); 

// where x is a value that is collected from a from field
// i.e say x =parseInt(formfield1.value); 

що не так робити?

Ось метод tryParseInt, який я використовую, це значення приймає за замовчуванням як другий параметр, тому воно може бути будь-чим, що вам потрібно.

function tryParseInt(str, defaultValue) {
    return parseInt(str) == str ? parseInt(str) : defaultValue;
}

tryParseInt("", 0);//0 
tryParseInt("string", 0);//0 
tryParseInt("558", 0);//558

допоміжна функція, яка все ще дозволяє використовувати радіакс

function parseIntWithFallback(s, fallback, radix) {
    var parsed = parseInt(s, radix);
    return isNaN(parsed) ? fallback : parsed;
}

Ви можете мати дуже чистий код, у мене були подібні проблеми, і я вирішив його, використовуючи:

var a="bcd";
~~parseInt(a);

Для інших людей, які шукають це рішення, просто використовуйте: ~~ без розбору, це найчистіший режим.

var a = 'hello';
var b = ~~a;

Якщо NaN, він натомість поверне 0.

ЗБМ. Це рішення стосується лише цілих чисел