当前位置: 首页 > news >正文

JavaScript数据类型

目录

JavaScripit数据类型

原始类型(Primitive Types)

1 Undefined

特点

实例

2 Null

实例

3 Boolean

重点:

常用falsy情况:

思考

4 Number,BigInt

实例

特点

NaN

5 String

在JavaScript中表示字符串有三种表示方法

模板字符串


 

 

JavaScripit数据类型

原始类型(Primitive Types)

原始类型是不可变的,即它们的值直接存储在变量位置,并且不能被改变。JavaScript中常见的5种原始类型:

Undefined

含义:我的理解是:变量/表达式/函数没有提供给调用者有用的结果

特点

1 声明变量时,没有赋初值

2 使用创建的数组,对象中不存在的属性值

3 函数或表达式没有返回结果

实例

如果按照特点理解:声明变量未赋值,会出现undefine。但如果已经赋值了,为什么还会存在undefined?

如图所示

23ffefffa61e4c9bbe177e7f6ffc1a6f.png

原因

在浏览器控制台中输入  let  a = 10 后,控制台显示 undefined 的原因与 JavaScript 的执行和返回值机制有关。

当你输入一个声明语句(如 let a = 10)时,这个语句的主要作用是声明一个变量 a 并给它赋值为 10。然而,这个语句本身并不产生任何可以返回给调用者的值。在 JavaScript 中,如果一个语句没有明确的返回值,那么它的执行结果默认是 undefined

在浏览器控制台中,当你输入一个表达式或语句并按下回车键时,控制台会尝试显示这个表达式或语句的返回值。对于声明语句(如 letconstvar 以及函数声明等),它们的主要目的是定义变量或函数,而不是返回一个值。因此,当控制台执行这些语句时,它会显示 undefined,表示这个语句没有返回任何有用的值。

 

2 Null

含义:表示空值或不存在的对象。null是一个表示“无”的特殊关键字,并且是JavaScript中的字面量。

实例

let y = null;  
console.log(y); // 输出: null

特点:一般是人为的添加null

3 Boolean

含义:表示逻辑值:true 或 false

重点:

在JavaScript中,非零即true,否则false

在JavaScript逻辑判断中,false==falsy true==truthy(意思没变,换了一种形式)

接下来,判断什么时候使用falsy 和truthy

在if条件中,出现以下情况。用falsy:

1 Nullish(null ,undefined)

2 Number bigint (0,0n,NaN),

3 字符串如“ ”,' ', ``

除此之外都是使用truthy

思考

在Java中使用if 时括号为1 表示为true吗

在 Java 中,if 语句的条件判断并不是基于括号内的数字是否为 1 来决定是否为 true相反,if 语句会评估括号内的表达式,并根据该表达式的布尔值(truefalse)来决定是否执行 if 语句块中的代码。

在 Java 中,任何可以转换为布尔值的表达式都可以用作 if 语句的条件。这包括:

  1. 布尔字面量:truefalse

  2. 关系运算符的结果:==!=><>=<=

  3. 逻辑运算符的结果:&&(逻辑与)、||(逻辑或)、!(逻辑非)。

  4. 某些特定方法调用的返回值,这些方法返回 boolean 类型的值。

数字 1 本身在 Java 中是一个 int 类型的字面量,而不是一个布尔值。但是,在 if 语句的条件中,数字 1(以及任何非零整数)会被隐式地转换为 true,而数字 0 会被转换为 false。这是因为 Java 在需要布尔值时,会将整数 0 视为 false,而将任何非零值视为 true

然而,这种隐式转换通常不推荐使用,因为它可能会导致代码的可读性降低,并且容易引入错误。更好的做法是使用明确的布尔表达式或布尔字面量。

下面是一个示例,展示了如何在 if 语句中使用数字:

int number = 1;  if (number) {  System.out.println("The number is non-zero, so the condition is true.");  
} else {  System.out.println("The number is zero, so the condition is false.");  
}

在这个例子中,由于 number 的值是 1(一个非零整数),所以 if 语句的条件被评估为 true,并且打印出了第一条消息。但是,请注意,这种做法并不推荐,因为它依赖于隐式转换,这可能会使代码难以理解和维护。更好的做法是使用明确的比较操作,如 if (number != 0)

4 Number,BigInt

Number:表示整数和浮点数。JavaScript中的所有数字都是以双精度浮点数形式存储的。

实例

996367dab4bb46d4bea2bb057eca2a79.png

如图根据返回的结果,在控制台 10表示的为浮点数,在Java中通常是用double表示,不再是我们理解的int 整型。

特点

在JavaScript中所有的整数都是浮点数的方式存储的,被使用的

使用Number实际运算过程的实例

3b410f881a8b4fcaac0b5fc87d4a8bae.png

BigInt:表示任意精度的整数。BigInt 类型在ES11(ECMAScript 2020)中引入,用于表示大于 Number 类型能表示的最大值的整数。

如果我们要在JavaScript中使用整数可以在 原本的整数后面添加 n ,表示

在这里,n表示  BigInt整数

9f1cab0ab8724555a60a23ddd43cfa39.png

Number和BigInt 的区别

精度不同:我们知道 在JavaScript中所有的数字最终都表示浮点型,但在运算中会造成精度缺失

0c681dc06ddb4af8b38633a229d782db.png

NaN

如图所示:当字符串英文转换成整数失败

72f3c105bdf143b18239cb7cd76a84bf.png

"NaN" 是 "Not a Number" 的缩写,在计算机科学和编程中,它表示一个未定义或不可表示的数值。NaN 通常出现在数学运算中,尤其是当运算的结果超出了数值类型的表示范围,或者当运算本身没有数学意义时(例如,0 除以 0)

在大多数编程语言中,NaN 是一个特殊的浮点数值,用于表示那些未定义或无法表示的运算结果。NaN 具有一些独特的性质,例如:

  1. 任何涉及 NaN 的运算结果仍然是 NaN。例如,如果 a 是 NaN,那么 a + 1、a - 1、a * 2 或 a / 2 都将是 NaN。

  2. NaN 不等于任何值,包括它自身。这意味着你不能通过简单的比较操作来检测一个值是否是 NaN。相反,你需要使用特定的函数或方法来判断。

  3. NaN 是无序的。在比较操作中,NaN 被视为既不大于也不小于任何值,包括它自身。

处理 NaN 值时,需要特别小心,因为它们可能会导致程序中的错误或异常行为。在编写代码时,应该检查可能导致 NaN 的运算,并适当地处理这些情况。

总之,NaN 是一个用于表示未定义或不可表示数值的特殊浮点数值,在编程中需要特别小心处理。

5 String

在JavaScript中表示字符串有三种表示方法

拿<a href="1.html">内容</a> 在JavaScript中用字符串表示

1 双引号:"   "

"<a href=\"1.html\">内容</a> "

思考

为什么要使用转义字符?

原因:在这个Java字符串中,每个双引号前面都有一个反斜杠(\),这是Java字符串中的转义字符,用于表示双引号是字符串的一部分,而不是字符串的结束。

  2 单引号:' ' 

'<a href="1.html">内容</a>

 3 反引号:`    `

` <a href="1.html">内容</a>   `

模板字符串

应用场景:字符串拼接

特点:模板字符串用反引号表示

实例

14acf08822334fabb863aa8001230a0e.png

 

 

 

 

相关文章:

JavaScript数据类型

目录 JavaScripit数据类型 原始类型&#xff08;Primitive Types&#xff09; 1 Undefined 特点 实例 2 Null 实例 3 Boolean 重点&#xff1a; 常用falsy情况&#xff1a; 思考 4 Number,BigInt 实例 特点 NaN 5 String 在JavaScript中表示字符串有三种表示方…...

市场中的新兴力量与未来发展

在当前瞬息万变的全球金融市场中&#xff0c;期货交易以其高杠杆与灵活性&#xff0c;吸引了越来越多的投资者参与其中。大粤期货作为中国期货行业的新兴力量&#xff0c;凭借其创新的交易平台、广泛的产品线及专业的风险管理服务&#xff0c;迅速在市场中崭露头角。本文将介绍…...

Golang | Leetcode Golang题解之第446题等差数列划分II-子序列

题目&#xff1a; 题解&#xff1a; func numberOfArithmeticSlices(nums []int) (ans int) {f : make([]map[int]int, len(nums))for i, x : range nums {f[i] map[int]int{}for j, y : range nums[:i] {d : x - ycnt : f[j][d]ans cntf[i][d] cnt 1}}return }...

Java 常用序列化对比

Java 中常用的序列化方式主要包括以下几种: 1. Java 原生序列化 使用方式: 使用 java.io.Serializable 接口。对象需要实现该接口,然后通过 ObjectOutputStream 和 ObjectInputStream 进行序列化和反序列化。 示例代码: import java.io.*;public class Person impleme…...

【redis学习篇1】redis基本常用命令

目录 redis存储数据的模式 常用基本命令 一、set 二、keys pattern keys 字符串当中携带问号 keys 字符串当中携带*号 keys 【^字母】 keys * 三、exists 四、del 五、expire 5.1 ttl命令 5.2key删除策略 5.2.1惰性删除 5.2.2定期删除 六、type key的数据类型…...

量子计算:颠覆未来计算的革命性技术

量子计算&#xff1a;颠覆未来计算的革命性技术 量子计算作为下一代颠覆性技术&#xff0c;正在引领计算领域的重大变革。与传统计算机基于比特的二进制运算不同&#xff0c;量子计算通过量子比特&#xff08;qubits&#xff09;在叠加态和纠缠态下实现并行计算&#xff0c;能…...

ctfshow-web入门(信息收集,持续更新中。。)

写在之前:近期打了个比赛,备受打击,入手了vip账号进修,加油! 文章目录 ctfshow-web1查看源代码ctfshow-web2burp抓包ctfshow-web3burp抓包ctfshow-web4访问robots.txtctfshow-web5dirscarch扫描PHPS文件泄露ctfshow-web6dirscarch扫描ctfshow-web7dirscarch扫描ctfshow-w…...

蓝桥杯【物联网】零基础到国奖之路:十五. 扩展模块之双路ADC

蓝桥杯【物联网】零基础到国奖之路:十五. 扩展模块之双路ADC 第一节 硬件解读第二节 CubeMX配置第三节 代码编写 第一节 硬件解读 STM32的ADC是12位&#xff0c;通过硬件过采样扩展到16位&#xff0c;模数转换器嵌入到STM32L071xx器件中。有16个外部通道和2个内部通道&#xf…...

李飞飞谈AI+3D发展:3D/4D AI将成为下一个重要前沿

人工智能(AI)的发展已经深刻改变了我们的世界,从简单的图像识别到复杂的自然语言处理,再到如今正在兴起的生成式模型。在这个过程中,李飞飞教授认为,3D/4D AI技术将是推动下一波变革的关键力量。以下根据她的观点整理了AI发展历程中的关键里程碑以及对3D/4D AI未来发展的…...

centos72009源码编译R语言

./dev/make-distribution.sh --name custom-spark --pip --r --tgz -Pconnect -Psparkr -Phive -Phive-thriftserver -Pmesos -Pyarn -Dhadoop.version3.4.0 -Pkubernetes spark3.5.3 源码版本 ./dev/make-distribution.sh --name custom-spark --pip --r --tgz -Pconnect -P…...

初识算法 · 双指针(4)

目录 前言&#xff1a; 复写零 题目解析 算法原理 算法编写 四数之和 题目解析 算法原理 算法编写 前言&#xff1a; 本文是双指针算法的最后一文&#xff0c;以复写零和四数之和作为结束&#xff0c;介绍方式同样是题目解析&#xff0c;算法原理&#xff0c;算法编写…...

java版鸿鹄电子招投标系统功能架构设计 核心功能设计 鸿鹄电子招投标采购系统源码

java版鸿鹄电子招投标系统功能架构设计 核心功能设计 鸿鹄电子招投标采购系统源码...

matlab 判断多组数据的分布是否一致,可以使用什么方法?

在 MATLAB 中&#xff0c;可以使用以下几种方法来判断多组数据的分布是否一致&#xff1a; 1. Kolmogorov-Smirnov 检验 (K-S Test) K-S 检验是一种非参数检验&#xff0c;用于比较两组数据是否来自相同的分布。MATLAB 提供了 kstest2 函数来进行这种检验。该方法适用于连续分…...

jenkins配置eureka、nacos发布优雅上下线服务

eureka发布期间优雅上下线 1、编写eureka下线脚本 vim biz_out_of_service-eureka.pyimport sys import requests#服务名&#xff0c;脚本第一个参数 APP_NAMEsys.argv[1] # 需要置为OUT_OF_SERVICE的服务实例的ID&#xff0c;脚本第二个参数 INSTANCE_IDsys.argv[2]# Eureka…...

【JAVA开源】基于Vue和SpringBoot的周边产品销售网站

本文项目编号 T 061 &#xff0c;文末自助获取源码 \color{red}{T061&#xff0c;文末自助获取源码} T061&#xff0c;文末自助获取源码 目录 一、系统介绍二、演示录屏三、启动教程四、功能截图五、文案资料5.1 选题背景5.2 国内外研究现状5.3 可行性分析 六、核心代码6.1 查…...

【C++差分数组】2381. 字母移位 II|1793

本文涉及知识点 C差分数组 LeetCode2381. 字母移位 II 给你一个小写英文字母组成的字符串 s 和一个二维整数数组 shifts &#xff0c;其中 shifts[i] [starti, endi, directioni] 。对于每个 i &#xff0c;将 s 中从下标 starti 到下标 endi &#xff08;两者都包含&#…...

【pytorch】范数的计算

近日在看沐神的《动手学深度学习》,其中提到了范数这一数学概念,感觉很陌生,参考ChatGPT补一下知识。 目录 范数示例 1: 计算向量的 L2 范数(欧几里得范数)示例 2: 计算矩阵的 Frobenius 范数示例 3: 计算向量的 L1 范数(曼哈顿距离)曼哈顿范数的定义曼哈顿范数的计算示…...

MATLAB|基于多主体主从博弈的区域综合能源系统低碳经济优化调度

目录 主要内容 程序亮点&#xff1a; 模型研究 一、综合能源模型 二、主从博弈框架 部分代码 结果一览 下载链接 主要内容 程序参考文献《基于多主体主从博弈的区域综合能源系统低碳经济优化调度》&#xff0c;采用了区域综合能源系统多主体博弈协同优化方…...

Django 后端数据传给前端

Step 1 创建一个数据库 Step 2 在Django中点击数据库连接 Step 3 连接成功 Step 4 settings中找DATABASES Step 5 将数据库挂上面 将数据库引擎和数据库名改成自己的 Step 6 在_init_.py中加上数据库的支持语句 import pymysql pymysql.install_as_MySQLdb() Step7 简单创建两…...

elasticsearch 写入新数据测试(二)

背景:elasticsearch单个node节点写入数据-CSDN博客 需要设置密码才能作为外部调用,不设置我不会用。设置方法见上一篇。 设置密码出现如下问题: Unexpected response code [503] from calling PUT http://172.19.0.1:9200/_security/user/apm_system/_password?pretty …...

android navigation 用法详细使用

Navigation 的关键概念 1、Navigation Graph: 定义了应用内的所有导航目的地以及它们之间的连接。 2、NavHost: 一个 UI 元素&#xff0c;用于承载当前的导航目的地。 3、NavController: 管理目的地之间的导航。 4、Destination: 导航图中的一个节点&#xff0c;用户导航到该节…...

uni-app在线预览pdf

这里推荐下载pdf.js 插件 PDF.js - Browse Files at SourceForge.net 特此注意 如果报 Promise.withResolvers is not a function 请去查看版本兼容问题 降低pdf.js版本提高node版本 下载完成后 在 static 文件夹下新建 pdf 文件夹&#xff0c;将解压文件放进 pdf 文件…...

SpringBoot--为什么Controller是串行的?怎样才能并行?

原文网址&#xff1a;SpringBoot--为什么Controller是串行的&#xff1f;怎样才能并行&#xff1f;-CSDN博客 简介 本文介绍SpringBoot为什么Controller是串行的&#xff1f;在什么场景下才能并行执行&#xff1f; 大家都知道&#xff0c;SpringBoot的Controller按理是并行执…...

C/C++ 中的未定义行为(Undefined Behavior, UB)

0. 简介 在 C/C 编程中&#xff0c;理解未定义行为&#xff08;UB&#xff09;及其相关概念至关重要。本文将对未定义行为进行详细解析&#xff0c;并通过实例展示其影响与处理方法。 1. 概念辨析 在 C/C 中&#xff0c;未定义行为容易与以下两个概念混淆&#xff1a; 1.1 …...

AJAX 1——axios体验、认识URL、常用请求方法、HTTP协议、错误处理、form-serialize插件

AJAX 1——axios体验、认识URL、常用请求方法、HTTP协议、错误处理、form-serialize插件 1.AJAX入门与体验axios 定义&#xff1a;浏览器与服务器进行数据通信的技术 体验axios库&#xff0c;与服务器通信 引入axios.js使用axios函数 <p class"my-p"></p&…...

Java-运算符

一、运算符是什么&#xff1f; 其实就如字面意思一样啦~就像数学中的运算符一样:(" "&#xff0c;" - "&#xff0c;" * "&#xff0c;" / "&#xff0c;" % "...)。 计算机的用途就如其名&#xff1a;运算。而既然要运算…...

ubutun nginx 安装和解决端口占用问题

目录 一、删除已有nginx 二、安装nginx 三、端口占用问题 分析问题 解决方法&#xff1a;更换默认端口 nginx是一个高性能的 HTTP 和反向代理 web 服务器&#xff0c;同时也提供了 IMAP/POP3/SMTP 服务。是一款轻量级的 Web 服务器/反向代理服务器及电子邮件&#xff08;I…...

螺蛳壳里做道场:老破机搭建的私人数据中心---Centos下Docker学习01(环境准备)

1 准备工作 由于创建数据中心需要安装很多服务器&#xff0c;这些服务器要耗费很所物理物理计算资源、存储资源、网络资源和软件资源&#xff0c;作为穷学生只有几百块的n手笔记本&#xff0c;不可能买十几台服务器来搭建数据中心&#xff0c;也不愿意跑实验室&#xff0c;想躺…...

解决:使用layui.treeTable.updateNode,更新表格数据后,done里面的事件丢失问题

1. 背景 在给树形表格添加行点击事件&#xff0c;并且只更新当前行数据。 treeTable.updateNode("SpeProjListId", result.LAY_DATA_INDEX, result);更新数据后&#xff0c;点击事件失效。 1. 给字段绑定事件&#xff1a; class"link_a link_style" , {…...

【Linux】环境变量(初步认识环境变量)

文章目录 1. 环境变量1.1 基本概念 2. 认识常见环境变量2.1 PATH2.2 HOME2.3 SHELL2.4 PWD2.5 USER 3. 理解环境变量 1. 环境变量 在main函数的命令行参数中&#xff0c;有argc、argv、env三个参数。 argc&#xff1a;命令行参数的个数argc&#xff1a;存放每个参数的具体数值…...