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

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

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

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

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

有 3 种对象类型:

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

立即学习“Java免费学习笔记(深入)”;

有 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中的数据类型和类型转换的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2729159.html

(0)
上一篇 2025年3月8日 00:04:06
下一篇 2025年2月23日 23:15:33

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JavaScript中字符串转数组的方法是什么

    javascript中字符串转数组的方法是什么 JavaScript中字符串转换成数组用split()方法。 推荐学习:js教程 1、根据特殊字符来转换: 例如字符串 var str = ‘abc,def,ghi’ …

    2025年3月8日
    200
  • JavaScript中map方法怎么用

    javascript中map方法怎么用 1、map() 方法返回一个新数组,新数组中的元素为原始数组中的每个元素调用函数处理后得到的值。 2、map() 方法按照原始数组元素顺序依次处理元素。 注意: map() 不会对空数组进行检测。注意…

    2025年3月8日
    200
  • javascript实现焦点图轮播效果代码示例

    本篇文章通过代码实例来给大家介绍一下javascript实现焦点图轮播效果。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 JS实现焦点图轮播效果 效果图: 立即学习“Java免费学习笔记(深入)”; (不过里面的图片路径…

    2025年3月8日 编程技术
    200
  • javascript诞生于哪年

    javascript诞生于哪年? JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原…

    2025年3月8日
    200
  • javascript中的alert()是什么

    alert()介绍: alert() 方法用于显示带有一条指定消息和一个 确认 按钮的警告框。 语法格式: alert(message) 登录后复制 注意:所有主要浏览器都支持 alert() 方法。 (视频教程推荐:js视频教程) 立即学…

    2025年3月7日
    200
  • typescript和javascript有什么区别

    首先来看一下二者的定义: 什么是javascript? JavaScript 是一种轻量级的解释性脚本语言,无需编译,可嵌入到 HTML 页面中,在浏览器端执行,能够实现浏览器端丰富的交互功能,为用户带来流畅多样的用户体验。 什么是type…

    2025年3月7日
    200
  • javascript获取当前日期

    我们直接来看实例代码: nbsp;html>            Document     //返回时间格式:年-月-日 时:分:秒 function getDateString(date) { // 获取传入的时间,若没有传值则取…

    2025年3月7日
    200
  • javascript警告框怎么关闭

    实现思路: 对“alert”方法重写,重写的语法为:“旧方法=function(参数){新方法的内容}”,返回值要为“false”,表示不执行任何操作。 具体代码: 登录后复制 推荐教程:js入门教程 以上就是javascript警告框怎么…

    2025年3月7日
    200
  • 如何使用JavaScript完成省市联动效果

    省市联动效果 【HTML中的DOM操作】 一些常用的 HTML DOM 方法: getElementById(id) – 获取带有指定 id 的节点(元素) appendChild(node) – 插入新的子节点(元…

    2025年3月7日
    200
  • javascript实现单张或多张图片持续无缝滚动

    背景: 想要实现图片持续滚动,既然使用js,就千万不要加css动画、过渡等相关样式,如果想要滚动的平滑一下,可以一像素一像素的感动,则很平滑,如果加了过渡动画,当图片重置为0时,会有往回倒的动画效果,跟预期不符。 推荐:《javascrip…

    2025年3月7日
    200

发表回复

登录后才能评论