如何将空字符串的 NaN 从 parseInt 转换为 0？

Question

在 JavaScript 中解析值时是否可以以某种方式返回 0 而不是 NaN？

如果是空字符串，parseInt 返回 NaN。

是否可以在 JavaScript 中执行类似的操作来检查 NaN ？

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

或者也许还有另一个函数或 jQuery 插件可以做类似的事情？

Answer 1

var s = '';
var num = parseInt(s) || 0;

当不与布尔值一起使用时，逻辑 OR || 运算符返回第一个表达式 parseInt(s)（如果它可以计算为 true），否则返回第二个表达式0。 parseInt('') 的返回值为 NaN。 NaN 计算结果为 false，因此 num 最终被设置为 0。

Answer 2

您还可以使用 isNaN() 函数：

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

Answer 3

问题

其他答案没有考虑到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

Answer 4

我很惊讶没有人提到使用 Number()。当然，如果提供的话，它会解析小数，因此其行为与 parseInt() 不同，但它已经假定基数为 10，并且会将 "" 甚至 " " 转换为 0。

Answer 5

对于不限于 parseInt 的人，您可以使用按位 OR 运算符（隐式调用 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）

Answer 6

在我看来，这项工作比 parseInt 干净得多，使用 + 运算符

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

Answer 7

为什么不重写这个函数呢？在这种情况下，您始终可以确保在 NaN 的情况下它返回 0：

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

现在，在代码中的任何位置：

parseInt('') === 0

Answer 8

对于其他寻找此解决方案的人，只需使用： ~~ 而不使用 parseInt，这是最干净的模式。

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

如果为 NaN，则返回 0。

OBS。该解决方案仅适用于整数

Answer 9

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

Answer 10

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

Answer 11

您可以拥有非常干净的代码，我遇到了类似的问题，我通过使用解决了它：

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

Answer 12

对空字符串进行单独检查（因为它是一种特定情况），并在这种情况下将其设置为零。

您可以在开头附加“0”，但随后您需要添加前缀以表明它是十进制而不是八进制数

Answer 13

我有一个类似的问题（firefox v34），简单的字符串如下：

var myInt = parseInt("b4");

所以我想出了一个快速破解：

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

然后让所有愚蠢的复杂处理浮点数+整数用于非简单的东西：

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

Answer 14

我创建了一个 2 原型来为我处理这个问题，一个用于数字，一个用于字符串。

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

Answer 15

同样这样，为什么不编写一个函数并在需要时调用它呢？我假设它是进入表单字段以执行计算的内容。

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

这样做有什么问题吗？

Answer 16

这是我正在使用的 tryParseInt 方法，它将默认值作为第二个参数，因此它可以是您需要的任何内容。

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

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

Answer 17

仍然允许使用基数的辅助函数

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

Answer 18

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

对于那些不觉得它微不足道的人来说，解释一下：

乘以一，一种称为“隐式转换”的方法，尝试将未知类型操作数转换为原始类型“数字”。特别是，一个空字符串将变成数字 0，使其成为 parseInt() 的合格类型...

PirateApp 上面也给出了一个很好的例子，他建议在前面添加 + 号，强制 JavaScript 使用 Number 隐式强制转换。

8 月 20 日更新：parseInt("0"+expr); 提供更好的结果，特别是 parseInt("0"+'str');