如何将NaN从parseInt转换为0以获取空字符串?

2020/10/04 13:21 · javascript ·  · 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)如果可以被评估为true,则返回第一个表达式(),否则返回第二个表达式(0)。的返回值为parseInt('')NaN。NaN的计算结果为false,因此num最终被设置为0。

您还可以使用以下isNaN()功能:

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

我很惊讶没有看到有人提及使用Number()授予它可以解析小数(如果提供的话),因此parseInt()它的作用将不同于,但是它已经假设以10为底,并且将“”甚至“”变成0。

问题

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

对于不限于的人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

我认为这项工作比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
var value = isNaN(parseInt(tbb)) ? 0 : parseInt(tbb);
//////////////////////////////////////////////////////
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

对空字符串进行单独检查(因为这是一种特定情况),在这种情况下将其设置为零。

您可以将“ 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, "");

然后将所有愚蠢的复杂问题处理成非简单内容的浮点数和整数:

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

我创建了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使用Number隐式强制转换。

8月20日更新:parseInt("0"+expr);提供更好的结果,尤其是对于parseInt("0"+'str');

同样通过这种方式,为什么不编写函数并在需要时调用它。我假设这是表单字段中执行计算的条目。

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

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

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

如果为NaN,它将返回0。

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

本文地址:http://javascript.askforanswer.com/ruhejiangnancongparseintzhuanhuanwei0yihuoqukongzifuchuan.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!