数字的转化规则？

• js将字符串转换为数字的方式有哪些？
• • 1. 使用 parseInt()
  • 2. 使用 Number()
  • 3. 使用一元运算符 (+)
  • 4.使用parseFloat()
  • 5. 使用 Math.floor()和Math.ceil()
  • 6.乘以数字
  • 7. 双波浪号 (~~) 运算符
• 其它值到数字的转化规则
• • 1.Undefined 类型
  • 2.Null 类型
  • 3.布尔类型
  • 4.String类型
  • 5.Symbol 类型
  • 注意

js将字符串转换为数字的方式有哪些？

1. 使用 parseInt()

转换规则：不管你要转的数据是什么，都是一位一位的去检测，如果第一位可以转成数字，就转，依次往后看每一位，直到碰到不能转或者转完为止，如果转不成就直接NaN

let age = '129'
console.log(parseInt(age)) // 129
let num = 12.22
console.log(parseInt(num)) // 12
let age1 = '12 9'
console.log(parseInt(age1)) // 12

2. 使用 Number()

转换机制：会把你要转换的数据看作是一个整体，如果可以转换成一个合法的数字，那么结果就是这个数字，如果转换不成那么结果就是NaN

let age1 = '129'
console.log(Number(age1)) // 129
let num = 12.82
console.log(Number(num)) // 12.82
let age = '12 9'
console.log(Number(age)) // NaN

3. 使用一元运算符 (+)

一元加号运算符 ( +) 在其操作数之前并计算其操作数，但如果尚未将其转换为数字，则尝试将其转换为数字。

let age = '129'
console.log(+age) // NaN
let num = 12.82
console.log(+num) // 12.82

4.使用parseFloat()

转换规则：和parseInt是一样的，都是一位一位去检测，只不过多认识了一个小数点

console.log(parseFloat("10"));       //  10
console.log(parseFloat("10.33"));     //  10.33
console.log(parseFloat("10 20 30"));  //  10
console.log(parseFloat("10 years"));  //  10
console.log(parseFloat("years 10"));  //  NaN

5. 使用 Math.floor()和Math.ceil()

Math.floor() 向下取整
Math.ceil() 向上取整

let str = '1222'
console.log(Math.floor(str)) // 1222
let a = 12.22
console.log(Math.floor(a)); //  12

6.乘以数字

将字符串值乘以1不会改变值，并且默认情况下它会转换为数字。

str = '2344'
console.log(str * 1) // 2344

7. 双波浪号 (~~) 运算符

我们可以使用双波浪号运算符将字符串转换为数字。

let str = '1234'
console.log(~~str) //  1234
let negStr = '-234'
console.log(~~negStr) //  -234

其它值到数字的转化规则

1.Undefined 类型

Undefined 类型的值转换为 NaN。
例如

let str = undefined
console.log(Number(str)); //NaN

2.Null 类型

Null 类型的值转换为 0

let str = null
console.log(Number(str)); //0

3.布尔类型

Boolean 类型的值，true 转换为 1，false 转换为 0。

console.log(Number(true)); //1
console.log(Number(false)); //0

4.String类型

String 类型的值转换如同使用 Number() 函数进行转换，如果包含非数字值则转换为 NaN，空字符串为 0。

let a = ""
console.log(Number(a)); //0
let b = "20蜘蛛侠"
console.log(Number(b)); //NaN

5.Symbol 类型

Symbol 类型的值不能转换为数字，会报错。

let a = Symbol("15")
console.log(Number(a)); //TypeError

注意

为了将值转换为相应的基本类型值，抽象操作 ToPrimitive 会首先（通过内部操作 DefaultValue）检查该值是否有valueOf()方法。如果有并且返回基本类型值，就使用该值进行强制类型转换。如果没有就使用 toString() 的返回值（如果存在）来进行强制类型转换。