// 整数 字符串
let param = '18'; 
console.log(parseInt(param)) // 18
console.log(parseFloat(param)) // 18
console.log(Number(param)) // 18

// 小数 字符串
let param = '18.2'; 
console.log(parseInt(param)) // 18
console.log(parseFloat(param)) // 18
console.log(Number(param)) // 18

// 整数前面带有0的 字符串
let param = '000018.2'; 
console.log(parseInt(param)) // 18
console.log(parseFloat(param)) // 18.2
console.log(Number(param)) // 18.2

// 空 字符串
let param = ''; 
console.log(parseInt(param)) // NaN
console.log(parseFloat(param)) // NaN
console.log(Number(param)) // 0

// 多个逗号 字符串
let param = '18.2.3'; 
console.log(parseInt(param)) // 18
console.log(parseFloat(param)) // 18.2
console.log(Number(param)) // NaN

// 数值后带有非数值 字符串
let param = '18px'; 
console.log(parseInt(param)) // 18
console.log(parseFloat(param)) // 18
console.log(Number(param)) // NaN

// 数值前带有非数值 字符串
let param = 'px18'; 
console.log(parseInt(param)) // NaN
console.log(parseFloat(param)) // NaN
console.log(Number(param)) // NaN


特殊情况：
// null
let param = null; 
console.log(parseInt(param)) // NaN
console.log(parseFloat(param)) // NaN
console.log(Number(param)) // 0

// undefined
let param = undefined; 
console.log(parseInt(param)) // NaN
console.log(parseFloat(param)) // NaN
console.log(Number(param)) // NaN

// Boolean
let param = true; 
console.log(parseInt(param)) // NaN
console.log(parseFloat(param)) // NaN
console.log(Number(param)) // 1

// Boolean
let param = false; 
console.log(parseInt(param)) // NaN
console.log(parseFloat(param)) // NaN
console.log(Number(param)) // 0

// Date
let param = new Date(); 
console.log(parseInt(param)) // NaN
console.log(parseFloat(param)) // NaN
console.log(Number(param)) // 1655278285053

// Array
let param = new [18]; 
console.log(parseInt(param)) // 18
console.log(parseFloat(param)) // 18
console.log(Number(param)) // 18

总结：

parseInt(string, radix)

举例：parseInt('100', 2) 那么100被作为2进制数被解析出十进制整数。

如果传入参数首位和末位是空格会被忽略。
如果传入 Array 会对角标为0的元素进行解析返回解析的结果。
如果 radix 小于2大于36 返回 NaN。
如果 radix 是 undefined、0 或未指定的情况。
1. 如果输入的string 以 0x 或 0X（一个 0，后面是小写或大写的 X）开头，那么 radix 被假定为 16，字符串的其余部分被当做十六进制数去解析。
2. 如果输入的string 以 "0"（0）开头，radix 被假定为 8（八进制）或 10（十进制）。具体选择哪一个 radix 取决于实现。ECMAScript 5 澄清了应该使用 10 (十进制)，但不是所有的浏览器都支持。
3. 如果输入的 string 以1 ~ 9开头，radix 是 10 (十进制)。

parseFloat(string)

如果传入包含 正号（+）、负号（-)、数字（0-9）、小数点（.）、或者科学记数法中的指数（e 或 E）以外的字符，则它会忽略该字符以及之后的所有字符，并返回已经解析的部分。
如果传入包含了第二个小数点的出现也会使解析停止。
如果传入参数首位和末位是空格会被忽略。
如果传入参数字符串的第一个字符不能被解析成为数字，则返回 NaN。
如果传入 Array 会对角标为0的元素进行解析返回解析的结果。

Number(object)

如果传入 Boolean 为 true 时返回 1、Boolean 为 false 时返回 0。
如果传入 undefined 返回 NaN。
如果传入 null 返回 0。
如果传入 Date 返回 毫秒数。
如果传入 Array
1. 数组长度为1时，会对角标为0的元素进行转换为数字，并返回结果。
2. 如果长度大于1时，返回 NaN。
如果传入正常的数值返回 传入的数值。
如果传入对象的值无法转换为数字返回 NaN。
如果传入字符串
1. 如果传入空字符串返回 0。
2. 如果传入字符串中包含有效的十六进制格式，例如"0xf"，则将其他转换为相同大小的十进制整数值。
3. 如果是字符串中只包含数字（包括前面带正号或负号的情况），则将其转换为十进制数值，即“1”变成1，“123”会变成123，而“011”会变成11（前导的零被忽略了）。
4. 如果字符串中包含有效的浮点格式，如“1.1”，则将其转换为对应的浮点数值（同样也会忽略前导零）。
5. 如果字符串中包含除上述格式之外的字符，则将其他转返回 NaN。

如果帮助到你，不要吝啬你的小手，来个四连点赞收藏+关注评论吧！

JS parseInt() 、parseFloat()、Number()

介绍：

parseInt(string, radix)

parseFloat(string)

Number(object)

举例：

总结：

parseInt(string, radix)

parseFloat(string)

Number(object)

猜你喜欢