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

Question

我最近遇到了一段与此非常相似的代码：

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

编写此代码的开发人员的印象是 nHours 要么是与 txtHours 完全匹配的整数，要么是NaN。这个假设有几个问题。

首先，开发人员保留了基数参数，这意味着输入 "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 或 String 的参数（但不接受空字符串值） 。然后完成到 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 或正则表达式，即可轻松检查字符串化整数的有效性。