js数值类型转换

Number函数

将任何类型都转换成Number类型

parseInt函数

parseInt(string, radix): 第一个参数是字符串，第二个参数是进制，如2进制、8进制、10进制和16进制

非字符串类型转换成字符串

parseInt('0x11', 16) // 将16进制的字符串转换成数字，1 + 1 * 16 = 17

parseInt(0x11, 16)   // 将16进制的数字先转换成字符串，然后再将字符串转换成数字
// 1 + 1 * 16 = 17  -> ‘0x17’再转换成16进制的数字 7 + 1 * 16 = 23

隐形的坑

需求：将一个字符串数组转换成整形数组

let arr = ["11", "22", "33", "44"]
let res = arr.map(parseInt)
console.log(res)

其结果是 [11, NaN, NaN, NaN]

分析：
上面的代码等同于下面的

let arr = ["11", "22", "33", "44"]
let res = arr.map(function(val, index) {
	console.log(val, index)
	return parseInt(val, index)
})
console.log(res)

运行结果

相当于执行了
parseInt(“11”, 0) // 11
parseInt(“22”, 1) // NaN
parseInt(“33”, 2) // NaN
parseInt(“44”, 3) // NaN

任何整数以0为基数取整时，都会返回本身，所以parseInt(“11”, 0)得到11。

正确写法：

let arr = ["11", "22", "33", "44"]
let res = arr.map(function(val) {
	return parseInt(val, 10)
})
console.log(res)

parseFloat

用于解析字符串，并返回浮点数，当不能将给定的值转换成浮点数时，会返回NaN。

结论

虽然Number()、parseInt()和parseFloat()函数都能用于Number类型的转换，但是它们在处理方式上还是有一些差异的。·

• Number()函数转换的是传入的整个值，并不是像parseInt()函数和parseFloat()函数一样会从首位开始匹配符合条件的值。如果整个值不能被完整转换，则会返回“NaN”。
• parseFloat()函数在解析小数点时，会将第一个小数点当作有效字符，而parseInt()函数在解析时如果遇到小数点会直接停止，因为小数点不是整数的一部分。·
• parseFloat()函数在解析时没有进制的概念，而parseInt()函数在解析时会依赖于传入的基数做数值转换。

上面笔记来自《Javascript重难点实例精讲》 ，谢谢周雄老师