【Java 进阶篇】JavaScript 数据类型详解

news2024/11/19 16:28:38

在这里插入图片描述

JavaScript是一种弱类型脚本语言,具有动态类型。这意味着JavaScript中的变量可以容纳不同类型的数据,并且它们的类型可以在运行时更改。在本文中,我们将深入探讨JavaScript中的数据类型,包括原始数据类型和引用数据类型,以及如何使用它们创建变量和操作数据。

原始数据类型

JavaScript有6种原始数据类型,也被称为基本数据类型,它们包括:

  1. 字符串(String):用于表示文本数据,可以使用单引号或双引号括起来。

    var name = "Alice";
    var message = 'Hello, World!';
    
  2. 数字(Number):用于表示数值,包括整数和浮点数。

    var age = 30;
    var price = 19.99;
    
  3. 布尔(Boolean):用于表示逻辑值,只有两个可能的值:truefalse

    var isStudent = true;
    var hasLicense = false;
    
  4. 空(Null):表示一个空值或无值。

    var emptyValue = null;
    
  5. 未定义(Undefined):表示一个未初始化的变量。

    var undefinedValue;
    
  6. 符号(Symbol):引入于ECMAScript 6(ES6),用于创建唯一的标识符。

    var uniqueSymbol = Symbol('description');
    

检测数据类型

要检测JavaScript变量的数据类型,可以使用typeof操作符:

typeof name; // 返回 "string"
typeof age; // 返回 "number"
typeof isStudent; // 返回 "boolean"
typeof emptyValue; // 返回 "object"
typeof undefinedValue; // 返回 "undefined"
typeof uniqueSymbol; // 返回 "symbol"

需要注意的是,typeof对于null返回的是"object",这被认为是JavaScript的一个历史遗留问题。

引用数据类型

除了原始数据类型,JavaScript还有一种引用数据类型,它被称为对象(Object)。对象是一种复合数据类型,它可以包含多个属性和方法。对象是JavaScript中最重要的数据类型之一。

创建对象

可以使用对象字面量或构造函数来创建JavaScript对象。

对象字面量
var person = {
  firstName: "John",
  lastName: "Doe",
  age: 30
};
构造函数
function Person(firstName, lastName, age) {
  this.firstName = firstName;
  this.lastName = lastName;
  this.age = age;
}

var person = new Person("John", "Doe", 30);

访问对象属性

可以使用点符号(.)或方括号([])来访问对象的属性。

console.log(person.firstName); // 使用点符号访问属性
console.log(person['lastName']); // 使用方括号访问属性

修改对象属性

person.age = 31; // 修改属性值
person['age'] = 32; // 也可以使用方括号来修改属性值

删除对象属性

delete person.age; // 删除属性

对象方法

对象可以包含方法,这些方法是与对象相关的函数。方法可以通过对象来调用。

var person = {
  firstName: "John",
  lastName: "Doe",
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
};

console.log(person.fullName()); // 调用对象方法

特殊对象

JavaScript中有一些特殊的对象,包括:

  1. 数组(Array):用于存储一组值的有序列表。

    var colors = ['red', 'green', 'blue'];
    
  2. 日期(Date):用于处理日期和时间。

    var today = new Date();
    
  3. 正则表达式(RegExp):用于处理字符串的模式匹配。

    var pattern = /abc/;
    
  4. 函数(Function):JavaScript中的函数也是对象,可以赋值给变量,作为参数传递,或者作为返回值。

    function greet(name) {
      return "Hello, " + name + "!";
    }
    
  5. 全局对象(Global Object):在浏览器中,全局对象是window;在Node.js环境中,全局对象是global。全局对象包含了很多全局属性和函数。

    window.alert("Hello, World!"); // 在浏览器中
    global.console.log("Hello, World!"); // 在Node.js中
    
  6. Math对象:包含了各种数学操作和常数。

    var circumference = 2 * Math.PI * radius;
    
  7. JSON对象:用于解析和序列化JSON数据。

    var jsonStr = '{"name": "John", "age": 30}';
    var jsonObj = JSON.parse(jsonStr);
    

类型转换

JavaScript中有两种类型转换:隐式类型转换和显式类型转换。

隐式类型转换

隐式类型转换是由JavaScript自动执行的类型转换。它通常发生在表达式的计算中,例如:

var result = "5" * 2; // 10

在这个示例中,JavaScript将字符串转换为数字,并执行乘法运算。

显式类型转换

显式类型转换是由开发人员明确执行的类型转换。JavaScript提供了一些内置函数来执行显式类型转换,例如:

  • Number():将值转换为数字。
  • String():将值转换为字符串。
  • Boolean():将值转换为布尔值。
var num = Number("42"); // 显式转换为数字
var str = String(123); // 显式转换为字符串
var bool = Boolean(0); // 显式转换为布尔值

NaN和Infinity

JavaScript中有一些特殊的数值表示:

  • NaN(Not-a-Number):表示一个无效的数值。当执行不合法的数学操作时,结果通常为NaN

    var result = 0 / 0; // NaN
    
  • Infinity:表示正无穷大,-Infinity表示负无穷大。它们通常用于表示数值溢出。

    var maxNum = Infinity;
    var minNum = -Infinity;
    

总结

JavaScript是一种多样化的语言,具有多种数据类型,包括原始数据类型和引用数据类型。理解这些数据类型是编写JavaScript应用程序的关键。本文提供了关于JavaScript数据类型的详细信息,以帮助你更好地使用和操作数据。无论你是初学者还是有经验的开发人员,深入了解JavaScript的数据类型都是非常重要的。希望这篇文章能帮助你更好地掌握JavaScript的数据类型和类型转换。

作者信息

作者 : 繁依Fanyi
CSDN: https://techfanyi.blog.csdn.net
掘金:https://juejin.cn/user/4154386571867191

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1081679.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

TCP/IP(十)TCP的连接管理(七)CLOSE_WAIT和TCP保活机制

一 CLOSE_WAIT探究 CLOSE_WAIT 状态出现在被动关闭方,当收到对端FIN以后回复ACK,但是自身没有发送FIN包之前 ① 服务器出现大量 CLOSE_WAIT 状态的原因有哪些? 1、通常来讲,CLOSE_WAIT状态的持续时间应该很短,正如SYN_RCVD状态2、但是在一些特殊情况下,就会出现大量连接长…

【动态库】Ubuntu 添加动态库的搜索路径

在运行程序时,经常遇到下面这种动态库加载失败的情况,这时往往是系统在动态库的搜索路径下没有找到对应的库文件导致的。 目录 一、使用 LD_LIBRARY_PATH 二、修改 /etc/ld.so.conf 一、使用 LD_LIBRARY_PATH 环境变量 LD_LIBRARY_PATH是动态库的搜索…

【例题】逆波兰表达式求值(图解+代码)

【例题】逆波兰表达式求值(图解代码) 这里写目录标题 【例题】逆波兰表达式求值(图解代码)逆波兰表达式解释优点转换计算代码 题目描述 : 逆波兰表示法是一种将运算符(operator)写在操作数(operand)后面的描述程序(算式…

1600*A. Linova and Kingdom(DFS优先队列贪心)

Problem - 1336A - Codeforces Linova and Kingdom - 洛谷 解析: 开始认为分情况讨论 k 小于等于叶子结点和大于叶子结点的情况,然后选择深度最深的叶子结点和子孙数量最小的结点,但是发现如果把某一个非叶子结点选取,那么其子孙…

VTP协议

VTP的概念 个人简介 VTP--------------VLAN Trunking protocol VLAN干道协议(思科私有协议) 同步VLAN编号 VTP(Virtual Trunking Protocol)是思科(Cisco)网络设备中的一种协议,用于在交换机之…

Qt QMultiMap

QMultiMap 文章目录 QMultiMap摘要QMultiMapQMultiMap 特点代码示例 关键字: Qt、 QMultiMap、 容器、 键值、 键值重复 摘要 今天在观摩小伙伴撸代码的时候,突然听到了QMultiMap自己使用Qt开发这么就,竟然都不知道,所以趁没…

【环境】我决定半场开香槟!ubuntu20.04 安装 pytorch

还在下载当中,我决定半场开香槟!自信稳定安装成功! ubuntu20.04 安装 pytorch 硬件及其他环境:win10 ubuntu20.04 3080显卡查找pytorch的版本是最重要的、也是最耽误时间的 PyTorch中torch、torchvision、torchaudio版本对应关…

使用IntelliJ Idea必备的插件!

趁手的工具让开发事半功倍,好用的IDEA插件让效率加倍。 今天给大家分享几个优秀的IDEA插件。 插件安装 首先得知道在IDEA哪安装插件? 点击File---->Settings---->找到Plugins标签,即可搜索想要的插件进行安装了。 现在来看下有哪些值…

bigemap制作专题地图-标绘图斑-标绘设计地图

制作专题地图-标绘图斑-标绘设计地图 发布时间:2018-01-17 版权:BIGEMAP 同步视频教程:卫星地图_高清卫星地图_卫星地图视频_制作专题地图-设计规划测量地图应用详解 专题地图制作视频教程:卫星地图_高清卫星地图_卫星地图视频_地…

点餐小程序实战教程09-订单功能开发

目录 1 创建数据源2 订单确认功能3 提交订单4 订单成功页面总结 我们上一篇已经将商品加入了购物车,如果购买完毕,点击选好了按钮就进入到订单确认页面,确认无误后就写入到订单表。为了实现上述的业务逻辑,我们需要先创建数据源来…

压缩包过大,如何使用split命令拆分压缩包

split命令介绍 1. 使用案例 将文件rebar_count_datasets.zip拆分为N个大小不超过100M的文件&#xff01; split -b 100M -d rebar_count_datasets.zip datasets.zip.运行效果 2. 常用方式 2.1 压缩 & 文件拆分 # tar -czf - <被压缩的内容> | split -b <目…

【java学习】访问权限修饰符(24)

文章目录 1. 四种访问权限修饰符2. private修饰符3. 无(缺省)修饰符3.1. 什么是父子类 4. protected修饰符5. public修饰符6. 练习题 1. 四种访问权限修饰符 Java 权限修饰符public、protected、private 置于类的成员定义前&#xff0c;用来限定对象对该类成员的访问权限。 修…

【车载开发系列】嵌入式开发之中断向量表

【车载开发系列】嵌入式开发之中断向量表 嵌入式中断向量表 【车载开发系列】嵌入式开发之中断向量表一. 中断向量表的概念1&#xff09;中断向量2&#xff09;中断向量表3&#xff09;中断向量表的存放 二. 中断向量表的特点三. 中断向量表的作用四. 上电后第一条指令五. 芯片…

ardupilot罗盘数据计算航向

目录 文章目录 目录摘要1.数据特点2.数据结论1.结论2.结论摘要 本节主要记录ardupilot 根据罗盘数据计算航向的过程。 如果知道了一组罗盘数据,我们可以粗略估计航向:主要后面我们所说的X和Y都是表示的飞机里面的坐标系,也就是X前Y右边,如果按照罗盘坐标系Y实际在左边。 我…

USB 转串口芯片 CH340

目录 1、概述 2、特点 3、封装 4、引脚 6、参数 6.1 绝对最大值&#xff08;临界或者超过绝对最大值将可能导致芯片工作不正常甚至损坏&#xff09; 6.2 电气参数&#xff08;测试条件&#xff1a;TA25℃&#xff0c;VCC5V&#xff0c;不包括连接 USB 总线的引脚&…

甘特图组件DHTMLX Gantt示例 - 如何有效管理团队工作时间?(一)

如果没有有效的时间管理工具&#xff0c;如工作时间日历&#xff0c;很难想象一个项目如何成功运转。这就是为什么我们的开发团队非常重视项目管理&#xff0c;并提供了多种选择来安排DHTMLX Gantt的工作时间。使用DHTMLX Gantt这个JavaScript库&#xff0c;您可以创建一个强大…

自定义一个简单的操控器类

目录 1. 前言 2. 操控器需求 3. 功能实现 3.1. 预备知识 3.2. 代码实现 3.3. 代码难点说明 1. 前言 osg已经自己实现了很多操控器类&#xff0c;这些操控器类存放在osg源码目录下的src\osgGA目录。感兴趣的童鞋&#xff0c;可以自己去研究源码。下面两篇博文是我研究osg的…

设备管理工具

做了一个代理类,抽象出来后在注册表中&#xff0c;查找已经注册的设备 python 中 dict 和 lua 中的 table 一样高效 先初始化找到的设备通信程序,底层接口准备好C,这个设备调试界面就是可以用的,剩下就是MV了 软件升级已经稳定可用了 包括软件的备份和回滚操作登录时为设备页面…

【工作流引擎】Activiti的使用03

流程定义查询 // 获取部署时的信息ProcessEngine processEngine ProcessEngines.getDefaultProcessEngine();RepositoryService repositoryService processEngine.getRepositoryService();ProcessDefinitionQuery processDefinitionQuery repositoryService.createProcessDe…

直观全面解释Transformer模型;上海人工智能实验室推出首个图文混合创作大模型浦语灵笔

&#x1f989; AI新闻 &#x1f680; 上海人工智能实验室推出首个图文混合创作大模型浦语灵笔 摘要&#xff1a;上海人工智能实验室推出了一款名为浦语灵笔的图文混合创作大模型&#xff0c;并宣布其开源。浦语灵笔基于书生・浦语大语言模型&#xff0c;具备强大的多模态性能…