JS类型和显/隐式类型转换

JS 类型说明

类型可以用 typeof() 获取。

Object类型,可以理解为引用类型,但是不完整。

var a = function() {}
console.log(typeof []) // 输出 object
console.log(typeof {}) // 输出 object
console.log(typeof null) // 输出 object
console.log(typeof undefined) // 输出 undefined
console.log(typeof a) // 输出 function

为什么typeof null 是 object 类型?
因为最早null出来的时候是为了指定空对象,是空对象的指针,空对象的占位符。在es6制定的时候,有提出null的这个问题,但是被es6标准的时候拒绝了,因为修改这个的话,可能会导致之前写的所有代码都需要重新去修改,所以是个历史遗留问题,可能以后会解决吧。

显式类型转换

Number()

console.log(Number(null)) // 输出:0
console.log(Number(undefined)) // 输出:NaN
console.log(Number('a')) // 输出:NaN
console.log(Number('123')) // 输出:123
console.log(Number('1a')) // 输出:NaN
console.log(Number(true)) // 输出:1
console.log(Number(false)) // 输出:0

parseInt()

console.log(parseInt(true)) // 输出:NaN (parseInt只会把number类型转成整型,而不会先把其他类型转为number类型)
console.log(parseInt(3.66)) // 输出:3
console.log(parseInt('abc123')) // 输出:NaN
console.log(parseInt('123abc12')) // 输出:123 (parseInt只会从头开始识别数字,识别到不是数字的情况下就停止,不会继续向后识别)
console.log(parseInt(undefined)) // 输出:NaN
console.log(parseInt(null)) // 输出:NaN

Boolean()
null,undefined,NaN,false,空字符串都是 false,其他的都是true

console.log(Boolean(undefined)) // 输出:false
console.log(Boolean(null)) // 输出:false
console.log(Boolean(NaN)) // 输出:false
console.log(Boolean(false)) // 输出:false
console.log(Boolean('abc')) // 输出:false

隐式类型转换

  1. 字符串里是纯数字,会隐式转换为number
var a = '123'
a++
console.log(a) // 输出124
  1. 字符换和数字相加,会会隐式转换为字符串
var a = 'a' + 1
console.log(a) // 输出 a1
  1. 字符串中是纯数字的情况下,乘法(*),除法(/),减法(-),求余(%) 和 比较两个数字都会转成number
console.log('3' * '2') // 输出 6
console.log('3' / '2') // 输出 1.5
console.log('3' - '2') // 输出 1
console.log('3' % '2') // 输出 1
console.log('3' > '2') // 输出 true
  1. === 不进行隐式转换
console.log('3' === 3) // 输出 false
  1. 在比较的时候下面情况比较特殊
// null,undefined既不大于零,也不小于零,也不等于零
// 但是undefined == null (百度考过)
// undefined === null 是 false
console.log(null > 0) // 输出 false
console.log(null < 0) // 输出 false
console.log(null == 0) // 输出 false
console.log(undefined > 0) // 输出 false
console.log(undefined > 0) // 输出 false
console.log(undefined == 0) // 输出 false
console.log(null == undefined) // 输出 true
console.log(null === undefined) // 输出 false
  1. 字符串前面增加 加号/减号,是要把字符串成number的,如果字符串不是纯数字的则输出输出NaN
var a = '123'
console.log(+a) // 输出number类型的 123
console.log(-a) // 输出number类型的 -123

 var a = '123abc'
 console.log(+a) // 输出NaN
 console.log(-a) // 输出NaN

isNaN()

isNaN() 会先把里面的值用Number转换后在进行判断。

console.log(isNaN(NaN)) // 输出 true
console.log(isNaN(123)) // 输出 false
console.log(isNaN('123')) // 输出 false
console.log(isNaN(a)) // 未定义的a 输出 true
console.log(isNaN(null)) // 输出 false
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 中,类型转换隐式类型转换也是两种不同的类型转换方式。 1. 类型转换:在 JavaScript 中,可以使用一些内置函数或操作符来进行类型转换。以下是一些常见的类型转换操作: - 使用 Number() 函数将值转换为数值类型。 - 使用 String() 函数将值转换为字符串类型。 - 使用 Boolean() 函数将值转换为布尔类型。 - 使用 parseInt() 或 parseFloat() 函数将字符串转换为数值类型。 - 使用 toString() 方法将数值或对象转换为字符串类型。 2. 隐式类型转换JavaScript 中的隐式类型转换是在表达式计算、赋值操作和比较运算等过程中自动发生的。这些隐式转换是根据 JavaScript 强制类型转换的规则和规范进行的。以下是一些常见的隐式类型转换场景: - 字符串和数值之间的加法运算会将数值隐式转换为字符串并进行字符串拼接。 - 比较运算符(如 ==、>、< 等)会进行隐式类型转换来比较不同类型的值。 - 逻辑运算符(如 &&、|| 等)会根据 JavaScript 的真值表进行隐式类型转换来确定结果。 需要注意的是,JavaScript隐式类型转换有时可能会导致意外的结果,因此在编写代码时应当注意类型转换的规则,避免产生不可预料的行为。同时,在需要明确类型转换的情况下,建议使用类型转换来提高代码的可读性和可维护性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值