在 JavaScript 中将整个字符串转换为整数

Question

我最近遇到了一段很像这样的代码：

var nHours = parseInt(txtHours);
if( isNaN(nHours))  // Do something
else // Do something else with the value

编写此代码的开发人员认为nHours 可能是与txtHours 或NaN 完全匹配的整数。这个假设有几个问题。

首先，radix 参数左侧的开发人员表示"09" 的输入将导致0 的值而不是9。这个问题可以通过像这样添加基数来解决：

var nHours = parseInt(txtHours,10);
if( isNaN(nHours))  // Do something
else // Do something else with the value

接下来，"1.5" 的输入将产生 1 而不是 NaN 的值，这不是开发人员所期望的，因为 1.5 不是整数。同样，"1a" 的值将导致1 的值而不是NaN。

所有这些问题都可以理解，因为这是如何将字符串转换为整数的最常见示例之一，并且大多数地方都不会讨论这些情况。

无论如何，这让我想到我不知道有任何内置方法可以获取这样的整数。 Number(txtHours)（或+txtHours）更接近但接受非整数，并将null和""视为0而不是NaN。

为了帮助开发者，我提供了以下功能：

function ConvertToInteger(text)
{
    var number = Math.floor(+text);
    return text && number == text ? number : NaN;
}

这似乎涵盖了上述所有问题。有谁知道这种技术有什么问题，或者可能有更简单的方法来获得相同的结果？

Answer 1

这就是我想出的：

function integer(x) {
    if (typeof x !== "number" && typeof x !== "string" || x === "") {
        return NaN;
    } else {
        x = Number(x);
        return x === Math.floor(x) ? x : NaN;
    }
}

（注意：我更新了这个函数来保护空白字符串。见下文。）

这个想法是只接受类型为数字或字符串的参数（但不接受空字符串值）。然后完成到 Number 的转换（如果它是一个字符串），最后将它的值与 floor() 值进行比较以确定该数字是否为整数。

integer(); // NaN
integer(""); // NaN
integer(null); // NaN
integer(true); // NaN
integer(false); // NaN
integer("1a"); // NaN
integer("1.3"); // NaN
integer(1.3); // NaN    
integer(7); // 7

然而，NaN 值在这里被“误用”了，因为浮点数和表示浮点数的字符串会产生 NaN，这在技术上是不正确的。

另外，请注意，由于字符串转换为数字的方式，字符串参数可能有尾随或前导空格，或前导零：

integer("   3   "); // 3    
integer("0003"); // 3

另一种方法...

如果输入值是字符串，您可以使用正则表达式。 此正则表达式：/^\s*(\+|-)?\d+\s*$/ 将匹配表示整数的字符串。

更新功能！

function integer(x) {
    if ( typeof x === "string" && /^\s*(\+|-)?\d+\s*$/.test(x) ) {
        x = Number(x);
    }
    if ( typeof x === "number" ) {
        return x === Math.floor(x) ? x : NaN;
    }
    return NaN;
}

这个版本的 integer() 更加严格，因为它只允许遵循特定模式的字符串（使用正则表达式测试）。它产生与其他 integer() 函数相同的结果，除了它另外忽略所有空白字符串（如 @CMS 所指出的那样）。

再次更新！

我注意到@Zecc 的回答并稍微简化了代码……我想这也可行：

function integer(x) {
    if( /^\s*(\+|-)?\d+\s*$/.test(String(x)) ){
        return parseInt(x, 10);
    }
    return Number.NaN;
}  

它可能不是最快的解决方案（就性能而言），但我喜欢它的简单性:)

Answer 2

这是我的尝试：

function integer(x) {
    var n = parseFloat(x); // No need to check typeof x; parseFloat does it for us
    if(!isNaN(n) && /^\s*(\+|-)?\d+\s*$/.test(String(x))){
        return n;
    }
    return Number.NaN;
}

我必须感谢 Šime Vidas 的正则表达式，尽管我自己会到达那里。

编辑：我不知道有一个NaN 全局。我一直用Number.NaN。
生活和学习。

Answer 3

我的解决方案涉及一些廉价的技巧。它基于 Javascript 中的位运算符将其操作数转换为整数这一事实。

我不太确定表示整数的字符串是否应该起作用，所以这里有两种不同的解决方案。

function integer (number) { 
  return ~~number == number ? ~~number : NaN; 
}

function integer (number) {
  return ~~number === number ? ~~number : NaN;
}

第一个将两个整数都用作字符串，第二个则不行。 按位非 (~) 运算符会将其操作数转换为整数。 对于无法用 32 位宽的整数表示 (-2147483647 .. 2147483647) 表示的较大整数，此方​​法失败。

Answer 4

您可以先将字符串转换为整数，然后再转换回字符串。然后检查第一个和第二个字符串是否匹配。

编辑：我的意思的一个例子：

function cs (stringInt) {
    var trimmed = stringInt.trim();     // trim original string
    var num = parseInt(trimmed, 10);    // convert string to integer
    newString = num + "";               // convert newly created integer back to string
    console.log(newString);             // (works in at least Firefox and Chrome) check what's new string like
    return (newString == trimmed);      // if they are identical, you can be sure that original string is an integer
}

如果您输入的字符串确实是整数，则此函数将返回 true。如果您不想修剪，可以对其进行修改。使用前导零会失败，但是，如果你愿意，你可以再一次在这个函数中去掉它们。这样一来，您就不需要乱用NaN 或正则表达式，您可以轻松检查字符串化整数的有效性。