在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;
}
当前回答
我会选择一个现有的和已经测试过的解决方案。例如，typescript中的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
如您所见，如果您将此函数用于枚举，则必须非常小心。
其他回答
大多数情况下，我们想要检查的值是字符串或数字，所以这里是我使用的函数:
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, () => {}]
我的解决方案:
function isNumeric(val: unknown): val is string | number {
return (
!isNaN(Number(Number.parseFloat(String(val)))) &&
isFinite(Number(val))
);
}
// true
isNumeric("-10");
isNumeric("0");
isNumeric("0xff");
isNumeric("0xFF");
isNumeric("8e5");
isNumeric("3.1415");
isNumeric("+10");
isNumeric("144");
isNumeric("5");
// false
isNumeric("-0x42");
isNumeric("7.2acdgs");
isNumeric("");
isNumeric({});
isNumeric(NaN);
isNumeric(null);
isNumeric(true);
isNumeric(Infinity);
isNumeric(undefined);
isNumeric([]);
isNumeric("some string");
我的简单解决方案是:
const isNumeric = (val: string) : boolean => {
return !isNaN(Number(val));
}
// isNumberic("2") => true
// isNumeric("hi") => false;
字符串是否可以解析为数字是运行时关心的问题。Typescript不支持这个用例，因为它关注的是编译时(而不是运行时)安全。
const isNumeric = (value: string): boolean =>
!new RegExp(/[^\d]/g).test(value.trim());
如果你想允许小数点
const isNumeric = (value: string): boolean =>
!new RegExp(/[^\d.]/g).test(value.trim());
