六、JavaScript 数据类型 - - - 基本数据类型之间的相互转换

1,概述

JavaScript 是一种动态类型语言,变量没有类型限制,可以随时赋予任意值。

var x = y ? 1 : 'a';

上面代码中,变量x到底是数值还是字符串,取决于另一个变量y的值。y为true时,x是一个数值;y为false时,x是一个字符串。这意味着,x的类型没法在编译阶段就知道,必须等到运行时才能知道。

虽然变量的数据类型是不确定的,但是各种运算符对数据类型是有要求的。如果运算符发现,运算子的类型与预期不符,就会自动转换类型。比如,减法运算符预期左右两侧的运算子应该是数值,如果不是,就会自动将它们转为数值。

'4' - '3' // 1

上面代码中,虽然是两个字符串相减,但是依然会得到结果数值1,原因就在于 JavaScript 将运算子自动转为了数值。

2,基本数据类型之间的相互转换

2.1 其他类型转化成字符串类型

常见的几种转换成字符类型的形式有以下几种

  • 强制类型转换 String()
  • 对象法 *.toString()
  • 隐式数据类型转换 + " "

(1)原始类型值

  • 数值:转为相应的字符串。
  • 字符串:转换后还是原来的值。
  • 布尔值:true转为字符串"true",false转为字符串"false"。
  • undefined:转为字符串"undefined"。
  • null:转为字符串"null"。
String(123) // "123"
String('abc') // "abc"
String(true) // "true"
String(undefined) // "undefined"
String(null) // "null"

//以上的方式同样可以通过toString方法进行转换
var a = 123 /'abc'/true/undefined/null;
a.toString(); //"123"

//空字符串拼接法
"" + 123;  //  "123"

2.2 其他类型转化成数值类型

常见的几种转换成字符类型的形式有以下几种
强制类型转换 Number() parseInt()
隐式数据类型转换 + -
(1)原始类型值

原始类型值的转换规则如下。

// 数值:转换后还是原来的值
Number(324) // 324

// 字符串:如果可以被解析为数值,则转换为相应的数值
Number('324') // 324

// 字符串:如果不可以被解析为数值,返回 NaN
Number('324abc') // NaN

// 空字符串转为0
Number('') // 0

// 布尔值:true 转成 1,false 转成 0
Number(true) // 1
Number(false) // 0

// undefined:转成 NaN
Number(undefined) // NaN

// null:转成0
Number(null) // 0

Number函数将字符串转为数值,要比parseInt函数严格很多。基本上,只要有一个字符无法转成数值,整个字符串就会被转为NaN。

parseInt('42 cats') // 42
Number('42 cats') // NaN

上面代码中,parseInt逐个解析字符,而Number函数整体转换字符串的类型。
同类的还有 parseFloat
可以这样去记忆:
parseInt 就像队伍中的队长,会从头挨个查看每一个队员,但凡碰到一个不是自己的队员,后面所有的都不管了
Number 就像将军,会纵观全局,如果发现其中某一个不是自己的兵,就默认整支队伍都不是自己的

另外,parseInt和Number函数都会自动过滤一个字符串前导和后缀的空格。

parseInt('\t\v\r12.34\n') // 12
Number('\t\v\r12.34\n') // 12.34

隐式转换,这种当时用到的比较少,但是在遇到这种写法的时候要知道是遇到了隐式的转换

'5' - '2' // 3
'5' * '2' // 10
true - 1  // 0
false - 1 // -1
'1' - 1   // 0
'5' * []    // 0
false / '5' // 0
'abc' - 1   // NaN
null + 1 // 1
undefined + 1 // NaN

上面代码中,运算符两侧的运算子,都被转成了数值。

注意:null转为数值时为0,而undefined转为数值时为NaN。

一元运算符也会把运算子转成数值。

+'abc' // NaN
-'abc' // NaN
+true // 1
-false // 0

2.3 其他类型转化成布尔值类型

常见的几种转换成字符类型的形式有以下几种
强制数据类型转换 Boolean()
隐式数据类型转换 判断条件语句中
它的转换规则相对简单:除了以下五个值的转换结果为false,其他的值全部为true。

  • undefined
  • null
  • 0(包含-0和+0)
  • NaN
  • “”(空字符串)
Boolean(undefined) // false
Boolean(null) // false
Boolean(0) // false
Boolean(NaN) // false
Boolean('') // false

当然,true和false这两个布尔值不会发生变化。

Boolean(true) // true
Boolean(false) // false

自动转换(隐式转换)的规则是这样的:预期什么类型的值,就调用该类型的转换函数。比如,某个位置预期为字符串,就调用String()函数进行转换。如果该位置既可以是字符串,也可能是数值,那么默认转为数值。遇到预期为布尔值的地方(比如if语句的条件部分),就会将非布尔值的参数自动转换为布尔值。系统内部会自动调用Boolean()函数

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
JavaScript数据类型包括字符串(String)、数字(Number)、布尔(Boolean)、对象(Object)、数组(Array)、空值(Undefined)和空引用(Null)等。\[1\]在JavaScript中,字符串是由一系列字符组成的,可以使用单引号或双引号表示。对象是一种复合数据类型,可以包含多个键值对。数组是一种特殊的对象,它以数字作为索引,存储多个值。数字可以是整数或浮点数,布尔值只有两个取值,即true和false。空值表示变量没有被赋值,而空引用表示变量的值为null,表示空对象。\[2\]在JavaScript中,可以通过typeof运算符来检测数据类型。此外,还可以通过拼接空字符串、使用toString()方法或拼接带参数的字符串来将数值型转化为字符串型。\[3\] #### 引用[.reference_title] - *1* [JavaScript数据类型](https://blog.csdn.net/huishi__/article/details/123454041)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [JavaScript 学习手册二:JS 数据类型](https://blog.csdn.net/weixin_54327001/article/details/121964883)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [JavaScript的七种数据类型](https://blog.csdn.net/Zhang_wang_yun/article/details/129959316)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

明天sir

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值