首页 > 编程语言 > JavaScript:显示转换数据类型:如何转换为数值、字符串和布尔值类型?

JavaScript:显示转换数据类型:如何转换为数值、字符串和布尔值类型?

时间:2022-12-09 01:55:15浏览次数:42  
标签:转换 函数 布尔值 NaN 数据类型 value 字符串

JS的运算符以及某些内置函数,会自动进行数据类型的转换,方便计算,即隐式转换数据类型;

但是很多时候,我们希望可以手动控制数据类型的转换,即显示转换数据类型;

转换为字符串

String()函数

使用String(value)函数,将value转换为字符串类型;

toString()方法

也可以调用自带的toString()方法,转换为字符串类型;

但是,注意:

  • null和undefined没有toString()方法,调用会报错,此时只能用String()函数来转为字符串;

  • 无论是String()函数,还是toString方法;无论传入的是基础数据类型,还是对象,在调用他们的时候,都不会改变原本的变量的数据类型,而是新开辟一个内存,将原本的变量的值,转换为字符串类型以后再存储进新开的内存里,然后返回这个新开的内存的地址;

    所以我们需要用变量去接收这个返回值,如下图所示:

    image-20221208171615660

转换为数值

Number()函数

使用Number(value)函数,将value转换为数值类型;

非数值转换为数字的转换规则如下:

  • null = 0
  • undefined = NaN
  • true = 1
  • false = 0
  • 字符串:先去掉首尾空白字符(空格,换行符,制表符等),然后
    • 空串 = 0
    • 数字字符串转为数字,如"1234" = 1234
    • 含非数字的字符串,转为NaN,如"1234hello" = NaN

parseInt()函数 与 parseFloat()函数

还有两个专门针对字符串转换为数字的函数,parseInt()parseFloat()

  • 顾名思义,parseInt()解析为整数,parseFloat()解析为浮点数;

  • 注意,他们传入的参数必须是字符串或者数字,除此以外的其他数据类型,都会返回NaN;

  • parseInt()为例,来说明一下他们解析字符串的顺序:

    • 先去掉首尾空白字符
    • 再按照顺序依次读取每一个字符
    • 读到非数字字符,直接返回NaN;否则读完,返回数字,如下图所示:

    image-20221208174031858

转换为布尔值

Boolean()函数

使用Boolean(value)函数,将value转换为布尔值;

转换为布尔值的转换规则如下:

  • 表示”无“的概念的值,都转换为false,具体有:0、空字符串、null、undefined、NaN

  • 除此以外的其他值,都转换为true

标签:转换,函数,布尔值,NaN,数据类型,value,字符串
From: https://www.cnblogs.com/Journing/p/16967879.html

相关文章