如何在JavaScript中将字符串转换为整数？
当前回答
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
其他回答
在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（通常是发现解析失败的唯一方法）。
我只在字符串前加了一个加号（+），这就是解决方案！
+"052254" // 52254
尝试parseInt。
var number = parseInt("10", 10); //number will have value of 10.
最快的
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%）。
最简单的方法是这样使用+
const strTen = "10"
const numTen = +strTen // string to number conversion
console.log(typeof strTen) // string
console.log(typeof numTen) // number
