JS字符串转换为数字，Number()，parseInt()和parseFloat()的区别

一. Number()

1.参数为Boolean时，true为1，false为2

Number(true); // 1
Number(false); // 0

2.参数为String时

// 1. 当字符串中有字母时
Number("abc"); // NaN
Number("abc123"); // NaN
Number("123abc"); // NaN// 2. 当字符串中只有数字时（数字前可以有正负号）
Number("123"); // 123
Number("+123"); // 123
Number("-123"); // -123
Number("0123"); // 123 忽略前导0// 小数
Number("1.23"); // 1.23// 十六进制数会转为十进制
Number("0xf"); // 15// 空字符串转为0
Number(""); // 0

3.参数为null，返回0

Number(null); // 0

4.参数为undefined，返回NaN

Number(undefined); // NaN

5.参数为对象，则调用对象的valueOf()方法，然后依照前面的规则转换返回的值。如果转换的结果为NaN，则调用对象的toString()方法，然后再按照前面的规则转换返回的字符串值。

// 数字数组
Number([1, 2]); // NaN
Number([1]); // 1// 字符串数组
Number(["1", "2"]); // NaN
Number(["1"]); // 1
Number(["a"]); // NaN
Number([null]); // 0

6.数字则转换成对应的数值

Number(1); // 1
Number(-0.1); // -0.1

二. parseInt()

1.参数为Boolean时，返回NaN

parseInt(true); // NaN
parseInt(false); // NaN

2.参数为String时，一个字符一个字符解析，直到解析完或遇到第一个非数字字符。
注：小数点也不是有效的数字字符。

// 既有数字，又有字符
parseInt("abc123"); // NaN
parseInt("123abc"); // 123// 整数
parseInt("000123"); // 123 忽略前导0// 小数
parseInt("1.23"); // 1// 十六进制，第二个参数指定转换时使用的基数（即几进制）
parseInt("0xAF"); // 175
parseInt("AF"); // NaN
parseInt("0xAF", 16); // 175 指定按十六进制解析
parseInt("AF", 16); // 175 指定按十六进制解析// 八进制
parseInt("070"); // 70 ES5认为其为70（十进制）
parseInt("70"); // 70
parseInt("070", 8); // 56 指定按八进制解析
parseInt("70", 8); // 56 指定按八进制解析// 空字符
parseInt(""); // NaN

3.参数为对象

// 数组，解析第一个值
parseInt([1,2]); // 1
parseInt([1, "a"]); // 1
parseInt(["a", 1]); // NaN

三. parseFloat()

1.参数为Boolean时，返回NaN

parseFloat(true); // NaN
parseFloat(false); // NaN

2.参数为String时，一个字符一个字符解析，直到解析完或遇到一个无效的浮点数字字符为止。
即：字符串中第一个小数点是有效的，第二个小数点是无效的。
注：parseFloat()无第二个参数，不能解析十六进制数。

// 既有数字，又有字符
parseFloat("123.456abc"); // 123.456
parseFloat("abc123.456"); // NaN// 小数
parseFloat(".456"); // 0.456
parseFloat("000012.34"); // 12.34 忽略前导0
parseFloat("123.456.789"); // 123.456 第二个小数点无效
parseFloat("1.23e5"); // 123000// 十六进制
parseFloat("0xAF"); // 0// 空字符
parseFloat(""); // NaN

四. 总结

Number()能转换boolean值，null，只含整数或小数的字符串，空字符串，对象。
parseInt()按字符解析，直到遇见第一个非数字字符为止。
parseFloat()按字符解析，直到遇见一个无效的浮点数字字符为止。

JS字符串转换为数字，Number()，parseInt()和parseFloat()的区别相关推荐

Node.js 字符串转换为数字型
字符串转化为数字在Node.js源代码里,经常见到使用各种符号处理字符串为数字的方法. + * ~~ >> >>> + 将字符串转化为数字,可在前面加+号: var s ...
JavaScript 将字符串转换为数字 – JS 字符串转 Int 示例
JavaScript 将字符串转换为数字 – JS 字符串转 Int 示例 "John Doe" -> String 'John Doe' -> String &quo ...
js函数 Number()、parseInt()、parseFloat()的区别：
Number().parseInt().parseFloat()的区别: Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似,只是它转换的是整个值,而不是 ...
Number()、parseInt()和parseFloat()的区别
JS中Number().parseInt()和parseFloat()的区别三者的作用: Number(): 可以用于任何数据类型转换成数值: parseInt(): 函数可解析一个字符串,并返回 ...
Number()、parseInt() 和 parseFloat() 的区别
一:Number() 如果是Boolean值,true和false值将分别被转换为1和0. 如果是数字值,只是简单的传入和返回. 如果是null值,返回0. 如果是undefined,返回NaN. 如 ...
在 JavaScript 中将字符串转换为数字的 7 种方法
1. 使用 parseInt() parseInt()解析一个字符串并返回一个整数.允许空格.仅返回第一个数字. 这种方法虽然有一个限制.如果您解析十进制数,它将四舍五入到最接近的整数值,并将该值转换 ...
在javascript中将字符串转换为数字的6种方法
在javascript中,数字可以用两种不同的方式表示, 1.作为实际数字. 2. 作为字符串 . 很多时候,我们需要在javascript中将字符串转换为数字. 我们将看到6种不同的方法可以将字符串 ...
TypeScript将字符串转换为数字
本文翻译自:TypeScript Converting a String to a number Anyone a suggestion on how to convert a string to a ...
c++ascii码转换为数字_在C++中将字符串转换为数字
有许多情况需要将数字转换为字符串或将字符串转换为数字.本文中提到了一些实现此任务的方法. 将字符串转换为数字方法1:使用stringstream类或sscanf() 方法2:使用stoi()或ato ...