强制类型转换-Number

燕菇凉

于 2024-04-16 17:22:39 发布

阅读量285

点赞数 3

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_42873995/article/details/137830677

版权

文章介绍了JavaScript中Number()函数、parseInt()和parseFloat()在处理字符串转换为数字时的行为，包括纯数字、包含非数字字符、空字符串、布尔值、null和undefined等情况下的转换结果。

摘要由CSDN通过智能技术生成

1，使用Number()函数

字符串 --------- 数字

（1）如果是纯数字的字符串，则直接将其转换为数字

var a = '123'

a = Number(a)

console.log(typeof a) //  number
console.log(a) //  123

(2) 如果字符串中有非数字的内容，则直接转换为NaN

var a = '123abc'

a = Number(a)

console.log(typeof a) // number
console.log(a) // NaN

(3) 如果字符串为空或者是一个空格的字符串，则转换为0

var a = ''
var b = '    '

a = Number(a)
b = Number(b)

console.log(typeof a,typeof b) // number number
console.log(a,b) // 0 0

布尔值 --------- 数字

true 转为 1

false 转为 0

var a = true
var b = false

a = Number(a)
b = Number(b)

console.log(typeof a,typeof b) // number number
console.log(a,b) // 1 0

null --------- 数字是 0

undefined --------- 数字是 NaN

var a = null
var b = undefined

a = Number(a)
b = Number(b)

console.log(typeof a,typeof b) // number number
console.log(a,b) // 0 NaN

2，专门用来对付字符串

使用parseInt() 将字符串转换为一个整数，从左到右查找第一个整数，找不到则返回NaN

var a = '123'
a = parseInt(a)
console.log(typeof a,a) // number 123

var b = '123abc'
b = parseInt(b)
console.log(typeof b,b) // number 123

var c = '123a456'
c = parseInt(c)
console.log(typeof c,c) // number 123

var d = '123.456'
d = parseInt(d)
console.log(typeof d,d) // number 123

var e = 'a123'
e = parseInt(e)
console.log(typeof e,e) // number NaN

使用parseFloat() 将字符串转换为一个浮点数，从左到右查找第一个整数或小数，找不到则返回NaN

var a = '123'
a = parseFloat(a)
console.log(typeof a,a) // number 123

var b = '123abc'
b = parseFloat(b)
console.log(typeof b,b) // number 123

var c = '123.456'
c = parseFloat(c)
console.log(typeof c,c) // number 123.456

var d = '123.456abc'
d = parseFloat(d)
console.log(typeof d,d) // number 123.456

var e = '123.456.789abc'
e = parseFloat(e)
console.log(typeof e,e) // number 123.456

var f = 'abc123.456'
f = parseFloat(f)
console.log(typeof f,f) // number NaN