尝试parseInt。

var number = parseInt("10", 10); //number will have value of 10.

尝试parseInt函数：

var number = parseInt("10");

但有一个问题。如果您尝试使用parseInt函数转换“010”，它将检测为八进制数，并将返回数字8。因此，需要指定基数（从2到36）。在这种情况下，底座10。

parseInt(string, radix)

例子：

var result = parseInt("010", 10) == 10; // Returns true

var result = parseInt("010") == 10; // Returns false

请注意，parseInt在解析任何有效数据后忽略错误数据。此guid将解析为51:

var result = parseInt('51e3daf6-b521-446a-9f5b-a1bb4d8bac36', 10) == 51; // Returns true

最简单的方法是使用本机Number函数：

var x = Number("1000")

如果这对你不起作用，那么有parseInt、一元加号、parseFloat with floor和Math.round方法。

parseInt（）

var x = parseInt("1000", 10); // You want to use radix 10
    // So you get a decimal number even with a leading 0 and an old browser ([IE8, Firefox 20, Chrome 22 and older][1])

一元加

如果字符串已经是整数形式：

var x = +"1000";

地板（）

如果字符串是或可能是浮点数，并且需要整数：

var x = Math.floor("1000.01"); // floor() automatically converts string to number

或者，如果您要多次使用Math.floor：

var floor = Math.floor;
var x = floor("1000.01");

parseFloat（）

如果你是一个在调用parseInt时忘记输入基数的类型，你可以使用parseFloat并根据自己的喜好进行舍入。这里我用地板。

var floor = Math.floor;
var x = floor(parseFloat("1000.01"));

舍入（）

有趣的是，Math.round（如Math.floor）将进行字符串到数字的转换，因此如果您希望数字四舍五入（或如果字符串中有整数），这是一个很好的方法，可能是我的最爱：

var round = Math.round;
var x = round("1000"); // Equivalent to round("1000", 0)

还有一个附带说明：MooTools有一个函数toInt（），用于任何本机字符串（或浮点（或整数））。

"2".toInt()   // 2
"2px".toInt() // 2
2.toInt()     // 2

如果您使用parseInt将浮点转换为科学符号，请小心！例如：

parseInt("5.6e-14") 

将导致

5 

而不是

0

ParseInt（）和+不同

parseInt("10.3456") // returns 10

+"10.3456" // returns 10.3456

我喜欢这个把戏：

~~"2.123"; //2
~~"5"; //5

双位负数在小数点之后会丢弃任何内容，并将其转换为数字格式。我被告知它比调用函数等稍快，但我并不完全相信。

我刚才在这里看到的另一个方法（一个关于JavaScript>>>运算符的问题，它是一个零填充右移），它显示了用这个运算符将数字移位0将数字转换为uint32，如果您也希望它无符号，这是很好的。同样，这将转换为无符号整数，如果使用有符号数字，这可能会导致奇怪的行为。

"-2.123" >>> 0; // 4294967294
"2.123" >>> 0; // 2
"-5" >>> 0; // 4294967291
"5" >>> 0; // 5

在JavaScript中将字符串转换为数字有两种主要方法。一种方法是解析它，另一种方法则是将其类型更改为Number。其他答案中的所有技巧（例如，一元加号）都隐含地将字符串的类型强制为数字。您也可以使用Number函数显式地执行相同的操作。

正在分析

var parsed = parseInt("97", 10);

parseInt和parseFloat是用于将字符串解析为数字的两个函数。如果它碰到了一个无法识别的字符，解析将自动停止，这对于解析像“92px”这样的字符串很有用，但这也有点危险，因为它不会在错误输入时给你任何错误，相反，除非字符串以数字开头，否则你会得到NaN。忽略字符串开头的空白。下面是一个例子，说明它做了与您想要的不同的事情，并且没有给出任何出错的迹象：

var widgetsSold = parseInt("97,800", 10); // widgetsSold is now 97

最好总是将基数指定为第二个参数。在较旧的浏览器中，如果字符串以0开头，如果没有指定基数，它将被解释为八进制，这让很多人感到惊讶。如果未指定基数（例如0xff），则通过使字符串以0x开头来触发十六进制的行为。ECMAScript 5实际上改变了标准，因此，如果没有指定基数，现代浏览器在出现前导0时不再触发八进制。parseInt可以理解直到基36的基，在这种情况下，大写和小写字母都被视为等价的。

将字符串类型更改为数字

上面提到的所有其他不使用parseInt的技巧都涉及将字符串隐式强制转换为数字。我更喜欢明确地这样做，

var cast = Number("97");

这与解析方法的行为不同（尽管它仍然忽略空格）。它更严格：如果它不理解整个字符串，那么它将返回NaN，因此不能将其用于97px这样的字符串。由于您需要一个基本数而不是number包装器对象，请确保不要在number函数前面放置新的。

显然，转换为Number会给你一个可能是浮点数而不是整数的值，所以如果你想要一个整数，你需要修改它

var rounded = Math.floor(Number("97.654"));  // other options are Math.ceil, Math.round
var fixed = Number("97.654").toFixed(0); // rounded rather than truncated
var bitwised = Number("97.654")|0;  // do not use for large numbers

任何按位运算符（这里我做了一个按位或，但也可以像前面的答案或移位一样做双否定）都会将值转换为32位整数，其中大多数都会转换为有符号整数。请注意，这不会让您想要大整数。如果整数不能用32位表示，它将换行。

~~"3000000000.654" === -1294967296
// This is the same as
Number("3000000000.654")|0
"3000000000.654" >>> 0 === 3000000000 // unsigned right shift gives you an extra bit
"300000000000.654" >>> 0 === 3647256576 // but still fails with larger numbers

要正确处理较大的数字，应使用舍入方法

Math.floor("3000000000.654") === 3000000000
// This is the same as
Math.floor(Number("3000000000.654"))

请记住，强制理解指数表示法和无穷大，因此2e2是200而不是NaN，而解析方法则不是。

风俗

这两种方法都不太可能完全符合您的要求。例如，如果解析失败，通常我会希望抛出一个错误，并且我不需要对无限、指数或前导空格的支持。根据您的用例，有时编写自定义转换函数是有意义的。

始终检查Number或其中一个解析方法的输出是否为所需的数字类型。您几乎肯定希望使用isNaN来确保数字不是NaN（通常是发现解析失败的唯一方法）。

我使用这种方式将字符串转换为数字：

var str = "25";       // String
var number = str*1;   // Number

因此，当乘以1时，值不会改变，但JavaScript会自动返回一个数字。

但如下图所示，如果您确定str是一个数字（或可以表示为数字），则应使用此选项，否则它将返回NaN，而不是数字。

您可以创建简单的函数来使用。，

function toNumber(str) {
    return str*1;
}

要将字符串转换为整数，我建议使用parseFloat而不是parseInt。原因如下：

使用parseFloat：

parseFloat('2.34cms')  //Output: 2.34
parseFloat('12.5')     //Output: 12.5
parseFloat('012.3')    //Output: 12.3

使用parseInt：

parseInt('2.34cms')  //Output: 2
parseInt('12.5')     //Output: 12
parseInt('012.3')    //Output: 12

因此，如果您注意到parseInt丢弃小数后的值，而parseFloat允许您处理浮点数字，因此如果您希望保留小数后的数值，则更适合。当且仅当您确定需要整数值时，才使用parseInt。

我们可以使用+（stringOfNumber）而不是parseInt（stringOfNumber）。

示例：+（“21”）返回int值为21，类似于parseInt（“21）。

我们也可以使用这个一元“+”运算符来解析浮点数。。。

尝试str-0将字符串转换为数字。

> str = '0'
> str - 0
  0
> str = '123'
> str - 0
  123
> str = '-12'
> str - 0
  -12
> str = 'asdf'
> str - 0
  NaN
> str = '12.34'
> str - 0
  12.34

以下是两个链接，用于比较将字符串转换为int的几种方法的性能

https://jsperf.com/number-vs-parseint-vs-plus

http://phrogz.net/js/string_to_number.html

请参见以下示例。这将有助于回答您的问题。

Example                  Result

parseInt("4")            4
parseInt("5aaa")         5
parseInt("4.33333")      4
parseInt("aaa");         NaN (means "Not a Number")

通过使用parsent函数，它将只提供整数运算，而不提供字符串。

对于C和JavaScript之间的绑定，我实际上需要将字符串“保存”为整数，因此我将字符串转换为整数值：

/*
    Examples:
        int2str( str2int("test") ) == "test" // true
        int2str( str2int("t€st") ) // "t¬st", because "€".charCodeAt(0) is 8364, will be AND'ed with 0xff
    Limitations:
        maximum 4 characters, so it fits into an integer
*/
function str2int(the_str) {
    var ret = 0;
    var len = the_str.length;
    if (len >= 1) ret += (the_str.charCodeAt(0) & 0xff) <<  0;
    if (len >= 2) ret += (the_str.charCodeAt(1) & 0xff) <<  8;
    if (len >= 3) ret += (the_str.charCodeAt(2) & 0xff) << 16;
    if (len >= 4) ret += (the_str.charCodeAt(3) & 0xff) << 24;
    return ret;
}

function int2str(the_int) {
    var tmp = [
        (the_int & 0x000000ff) >>  0,
        (the_int & 0x0000ff00) >>  8,
        (the_int & 0x00ff0000) >> 16,
        (the_int & 0xff000000) >> 24
    ];
    var ret = "";
    for (var i=0; i<4; i++) {
        if (tmp[i] == 0)
            break;
        ret += String.fromCharCode(tmp[i]);
    }
    return ret;
}

在我看来，没有答案涵盖所有边缘情况，因为解析浮点值会导致错误。

function parseInteger(value) {
    if(value === '') return NaN;
    const number = Number(value);
    return Number.isInteger(number) ? number : NaN;
}

parseInteger("4")            // 4
parseInteger("5aaa")         // NaN
parseInteger("4.33333")      // NaN
parseInteger("aaa");         // NaN

最快的

var x = "1000"*1;

Test

这里有一些速度比较（仅限macOS）…：）

对于Chrome，“plus”和“mul”是最快的（>700000,00运算/秒），“Math.floor”是最慢的。对于Firefox，“plus”是最慢的（！）“mul”是最快的（>900000000操作/秒）。在Safari中，“parseInt”是最快的，“number”是最慢的（但结果非常相似，>130000<31000000）。因此Safari将字符串转换为int比其他浏览器慢10倍以上。所以获胜者是“mul”：）

您可以通过此链接在浏览器上运行它https://jsperf.com/js-cast-str-to-number/1

我还测试了var x=~~“1000”；。在Chrome和Safari上，它比var x=“1000”*1慢一点（<1%），在Firefox上则快一点（<1%）。

前面的所有答案都是正确的。请先通过“typeot x==='number'”确认这是字符串中的数字。否则，它将返回NaN。

 var num = "fsdfsdf242342";
 typeof num => 'string';

 var num1 = "12423";
 typeof num1 => 'number';
 +num1 = > 12423`

函数doSth（）{var a=document.getElementById（'input'）.value；document.getElementById（'number'）.innerHTML=toNumber（a）+1；}函数toNumber（str）{return+str；}<input id=“input”type=“text”><input onclick=“doSth（）”type=“submit”><span id=“number”></span>

JavaScript中有许多方法可以将字符串转换为数值。。。所有这些都简单方便。选择适合您的方式：

var num = Number("999.5"); //999.5
var num = parseInt("999.5", 10); //999
var num = parseFloat("999.5"); //999.5
var num = +"999.5"; //999.5

此外，任何数学运算都会将它们转换为数字，例如。。。

var num = "999.5" / 1; //999.5
var num = "999.5" * 1; //999.5
var num = "999.5" - 1 + 1; //999.5
var num = "999.5" - 0; //999.5
var num = Math.floor("999.5"); //999
var num = ~~"999.5"; //999

我更喜欢的方式是使用+符号，这是在JavaScript中将字符串转换为数字的优雅方式。

另一种选择是将值与自身进行双重XOR：

var i = 12.34;
console.log('i = ' + i);
console.log('i ⊕ i ⊕ i = ' + (i ^ i ^ i));

这将输出：

i = 12.34
i ⊕ i ⊕ i = 12

我用这个

String.prototype.toInt = function (returnval) {
    var i = parseInt(this);
     return isNaN(i) ? returnval !== undefined ? returnval : - 1  :      i;
}

var str = "7";
var num = str.toInt(); // outputs 7, if not str outputs -1
//or
var num = str.toInt(0); // outputs 7, if not str outputs 0

这样我总能得到一个整数。

我只在字符串前加了一个加号（+），这就是解决方案！

+"052254" // 52254

将数字的乘法与各自的十次幂相加：

即：123=100+20+3=1100+2+10+31=1*（10^2）+2*（10^1）+3*（10^0）

function atoi(array) {

    // Use exp as (length - i), other option would be
    // to reverse the array.
    // Multiply a[i] * 10^(exp) and sum

    let sum = 0;

    for (let i = 0; i < array.length; i++) {
        let exp = array.length - (i+1);
        let value = array[i] * Math.pow(10, exp);
        sum += value;
    }

    return sum;
}

以下是最简单的解决方案

let myNumber = "123" | 0;

更简单的解决方案

let myNumber = +"123";

确保获得有效整数的最安全方法：

let integer = (parseInt(value, 10) || 0);

示例：

// Example 1 - Invalid value:
let value = null;
let integer = (parseInt(value, 10) || 0);
// => integer = 0

// Example 2 - Valid value:
let value = "1230.42";
let integer = (parseInt(value, 10) || 0);
// => integer = 1230

// Example 3 - Invalid value:
let value = () => { return 412 };
let integer = (parseInt(value, 10) || 0);
// => integer = 0

function parseIntSmarter(str) {
    // ParseInt is bad because it returns 22 for "22thisendsintext"
    // Number() is returns NaN if it ends in non-numbers, but it returns 0 for empty or whitespace strings.
    return isNaN(Number(str)) ? NaN : parseInt(str, 10);
}

您可以使用加号。例如：

var personAge = '24';
var personAge1 = (+personAge)

然后您可以看到新变量的typebytypeofpersonAge1；这是数字。

这（可能）不是解析整数的最佳解决方案，但如果您需要“提取”一个整数，例如：

"1a2b3c" === 123
"198some text2hello world!30" === 198230
// ...

这将起作用（仅适用于整数）：

var str='3a9b0c3d2e9f8g'函数提取器整数（str）{var结果=0；无功因数=1对于（var i=str.length；i>0；i-）{if（！isNaN（str[i-1]））{result+=parseInt（str[i-1]）*因子系数*=10}}返回结果}console.log（extractInteger（str））

当然，这也适用于解析整数，但比其他方法慢。

您也可以使用此方法解析整数，如果字符串不是数字，则返回NaN，但我不明白为什么要这样做，因为这在内部依赖于parseInt，parseInt可能更快。

var str='3a9b0c3d2e9f8g'函数提取器整数（str）{var结果=0；无功因数=1对于（var i=str.length；i>0；i-）{if（isNaN（str[i-1]））返回NaNresult+=parseInt（str[i-1]）*因子系数*=10}返回结果}console.log（extractInteger（str））

在JavaScript中，您可以执行以下操作：

解析Int

parseInt("10.5") // Returns 10

与1相乘

var s = "10";
s = s*1;  // Returns 10

使用一元运算符（+）

var s = "10";
s = +s;  // Returns 10

使用按位运算符

（注：在2140000000之后开始破裂。示例：~~“2150000000”=-214967296）

var s = "10.5";
s = ~~s; // Returns 10

使用Math.floor（）或Math.ceil（）

var s = "10";
s = Math.floor(s) || Math.ceil(s); // Returns 10

最简单的方法是这样使用+

const strTen = "10"
const numTen = +strTen      // string to number conversion
console.log(typeof strTen)  // string
console.log(typeof numTen)  // number

数字（）

Number(" 200.12 ")  // Returns 200.12

Number("200.12")  // Returns 200.12

Number("200") // Returns 200

parseInt（）

parseInt(" 200.12 ")  // Return 200

parseInt("200.12")  // Return 200

parseInt("200") // Return 200

parseInt("Text information") // Returns NaN

parseFloat（）

它将返回第一个数字

parseFloat("200 400")  // Returns 200

parseFloat("200") // Returns 200

parseFloat("Text information") // Returns NaN

parseFloat("200.10")  // Return 200.10

数学地板（）

将数字舍入为最接近的整数

Math.floor(" 200.12 ")  // Return 200

Math.floor("200.12")  // Return 200

Math.floor("200") // Return 200

JavaScript中的字符串到数字：

一元+（最推荐）

+numStr易于使用，性能优于其他支持整数和小数

console.log(+'123.45') // => 123.45

其他一些选项：

正在分析字符串：

整数的parseInt（numStr）整数和小数的parseFloat（numStr）

console.log(parseInt('123.456')) // => 123
console.log(parseFloat('123'))   // => 123

JavaScript函数

整数的数学函数，如round（numStr）、floor（numStr）、ceil（numStr）整数和小数的数字（numStr）

console.log(Math.floor('123'))     // => 123
console.log(Math.round('123.456')) // => 123
console.log(Math.ceil('123.454'))  // => 124
console.log(Number('123.123'))     // => 123.123

单目运算符

所有基本一元运算符，+numStr、numStr-0、1*numStr，numStr*1和numStr/1所有都支持整数和小数注意numStr+0。它返回一个字符串。

console.log(+'123')  // => 123
console.log('002'-0) // => 2
console.log(1*'5')   // => 5
console.log('7.7'*1) // => 7.7
console.log(3.3/1)   // =>3.3
console.log('123.123'+0, typeof ('123.123' + 0)) // => 123.1230 string

位运算符

两个波浪号~~numStr或左移0，numStr<<0只支持整数，不支持小数

console.log(~~'123')      // => 123
console.log('0123'<<0)    // => 123
console.log(~~'123.123')  // => 123
console.log('123.123'<<0) // => 123

//正在分析console.log（parseInt（'123.456'））//=>123console.log（parseFloat（'123'））//=>123//功能console.log（数学楼层（'123'））//=>123console.log（数学舍入（'123.456'））//=>123console.log（数学.ceil（'123.454'））//=>124console.log（编号（'123.123'））//=>123.123//Unary公司console.log（+'123'）//=>123console.log（'002'-0）//=>2console.log（1*'5'）//=>5console.log（'7.7'*1）//=>7.7console.log（3.3/1）//=>3.3console.log（'123.123'+0，typeof（'123.123'+0））//=>123.1230字符串//按位（Bitwise）console.log（~~'123'）//=>123console.log（'0123'<<0）//=>123console.log（~~'123.123'）//=>123console.log（'123.123'<<0）//=>123