在打字稿中，如何检查字符串是否为数字

在Typescript中，这显示一个错误，说isNaN仅接受数字值

isNaN('9BX46B6A')

并且返回false，因为parseFloat('9BX46B6A')计算结果为9

isNaN(parseFloat('9BX46B6A'))

我仍然可以在Visual Studio中显示错误的情况下运行，但是我想以正确的方式进行操作。

目前，我已经编写了此修改后的功能-

static isNaNModified = (inputStr: string) => {
    var numericRepr = parseFloat(inputStr);
    return isNaN(numericRepr) || numericRepr.toString().length != inputStr.length;
}

将字符串转换为数字的方法是Number，而不是parseFloat。

Number('1234') // 1234
Number('9BX9') // NaN

如果您喜欢速记，也可以使用一元加运算符：

+'1234' // 1234
+'9BX9' // NaN

检查NaN时要小心（运算符===，!==请不要按预期工作NaN）。用：

 isNaN(maybeNumber) // returns true if NaN, otherwise false

更新2

rxjs v6中不再提供此方法

我通过解决它ISNUMERIC运营商从rxjs库（进口rxjs / UTIL / ISNUMERIC

更新资料

import { isNumeric } from 'rxjs/util/isNumeric';

。。。

var val = "5700";
if (isNumeric(val)){
   alert("it is number !");
}

function isNumber(value: string | number): boolean
{
   return ((value != null) &&
           (value !== '') &&
           !isNaN(Number(value.toString())));
}

我会选择一个现有的且已经过测试的解决方案。例如，来自打字稿中的rxjs的代码：

function isNumeric(val: any): val is number | string {
  // parseFloat NaNs numeric-cast false positives (null|true|false|"")
  // ...but misinterprets leading-number strings, particularly hex literals ("0x...")
  // subtraction forces infinities to NaN
  // adding 1 corrects loss of precision from parseFloat (#15100)
  return !isArray(val) && (val - parseFloat(val) + 1) >= 0;
}

rxjs / isNumeric.ts

如果没有rxjs isArray（）函数并具有简单的类型：

function isNumeric(val: any): boolean {
  return !(val instanceof Array) && (val - parseFloat(val) + 1) >= 0;
}

您应该始终在用例中测试这些功能。如果您有特殊的值类型，则此功能可能不是您的解决方案。 您可以在此处测试功能。

结果是：

enum         : CardTypes.Debit   : true
decimal      : 10                : true
hexaDecimal  : 0xf10b            : true
binary       : 0b110100          : true
octal        : 0o410             : true
stringNumber : '10'              : true

string       : 'Hello'           : false
undefined    : undefined         : false
null         : null              : false
function     : () => {}          : false
array        : [80, 85, 75]      : false
turple       : ['Kunal', 2018]   : false
object       : {}                : false

如您所见，如果将此函数与枚举一起使用，则必须小心。

简单答案：（注意空白和空值）

isNaN(+'111') = false;
isNaN(+'111r') = true;
isNaN(+'r') = true;
isNaN(+'') = false;   
isNaN(null) = false;   

https://codepen.io/CQCoder/pen/zYGEjxd?editors=1111

大多数时候，我们要检查的值是字符串还是数字，所以这是我使用的函数：

const isNumber = (n: string | number): boolean => 
    !isNaN(parseFloat(String(n))) && isFinite(Number(n));

Codesandbox测试。

const willBeTrue = [0.1, '1', '-1', 1, -1, 0, -0, '0', "-0", 2e2, 1e23, 1.1, -0.1, '0.1', '2e2', '1e23', '-0.1', ' 898', '080']

const willBeFalse = ['9BX46B6A', "+''", '', '-0,1', [], '123a', 'a', 'NaN', 1e10000, undefined, null, NaN, Infinity, () => {}]

您可以使用以下Number.isFinite()功能：

Number.isFinite(Infinity);  // false
Number.isFinite(NaN);       // false
Number.isFinite(-Infinity); // false
Number.isFinite('0');       // false
Number.isFinite(null);      // false

Number.isFinite(0);         // true
Number.isFinite(2e64);      // true

注意：全局函数isFinite()与后者之间存在显着差异Number.isFinite()。在前者的情况下，将执行字符串强制转换-因此isFinite('0') === true，而Number.isFinite('0') === false。

另外，请注意，这在IE中不可用！

对于Angular中的整数（非浮点数），可以使用：

if (Number.isInteger(yourVariable)) { ... }

是否可以将字符串解析为数字是运行时的问题。Typescript不支持此用例，因为它专注于编译时（而非运行时）安全性。