当前位置:Gxlcms > 前端框架 > JavaScript中的数据类型和类型转换

JavaScript中的数据类型和类型转换

时间:2021-07-01 10:21:17 帮助过:70人阅读

本篇文章将为你介绍JavaScript中的数据类型以及各种数据类型的相互转换,希望对学习JavaScript的朋友有帮助!

JavaScript 中有 6 种不同的数据类型:

string(字符串)
number(数字)
boolean(布尔)
object(对象)
function(函数)
symbol(ES6的数据类型之一)

有 3 种对象类型:

Object(对象)
Date(日期)
Array(数组)

有 2 个不包含任何值的数据类型:

null
undefined

需要注意几个:

NaN 的数据类型是 number
数组(Array)的数据类型是 object
日期(Date)的数据类型为 object
null 的数据类型是 object
未定义变量的数据类型为 undefined

constructor 属性

constructor 属性返回所有 JavaScript 变量的构造函数。

在这里插入图片描述

可以使用 constructor 属性来查看对象是否为数组 :

在这里插入图片描述

可以使用 constructor 属性来查看对象是否为日期

在这里插入图片描述

JS 类型转换

将数字转换为字符串

全局方法 String() 可以将数字转换为字符串。

此方法可用于任何类型的数字,字母,变量,表达式:

在这里插入图片描述
Number 方法 toString() 也可以完成转换。

在这里插入图片描述

将布尔值转换为字符串

全局方法 String() 可以将布尔值转换为字符串。
在这里插入图片描述
Boolean 方法 toString() 也可以完成转换。
在这里插入图片描述

将日期转换为字符串

Date() 返回的是字符串。
在这里插入图片描述
全局方法 String() 可以将日期对象转换为字符串。
在这里插入图片描述
Date 方法 toString() 也可以完成转换
在这里插入图片描述

将字符串转换为数字

全局方法 Number() 可以将字符串转换为数字。

字符串包含数字(如 “3.14”) 转换为数字 (如 3.14).

空字符串转换为 0。

其他的字符串会转换为 NaN (不是个数字)。

在这里插入图片描述

一元运算符 +

一元运算符 + 可用于将变量转换为数字。

如果变量不能转换,它仍然会是一个数字,但值为 NaN (不是一个数字)

在这里插入图片描述

将布尔值转换为数字

全局方法 Number() 可将布尔值转换为数字。

在这里插入图片描述

将日期转换为数字

全局方法 Number() 可将日期转换为数字。

在这里插入图片描述
日期方法 getTime() 也有相同的效果。

在这里插入图片描述

自动转换类型

当 JavaScript 尝试操作一个 “错误” 的数据类型时,会自动转换为 “正确” 的数据类型。

在这里插入图片描述

自动转换为字符串

当尝试输出一个对象或一个变量时,JavaScript 会自动调用变量的 toString() 方法。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
类似像当输出的变量或对象是数字和布尔值也是会转换成字符串

在这里插入图片描述

经常使用的不同数值转换为数字(Number), 字符串(String), 布尔值(Boolean):

在这里插入图片描述

本文来自 js教程 栏目,欢迎学习!

以上就是JavaScript中的数据类型和类型转换的详细内容,更多请关注Gxlcms其它相关文章!

人气教程排行