JavaScript 基本数据类型的详解

JavaScript的基本数据类型

在这里插入图片描述

以下都是JS内置的几种类型

数据类型描述
number数字,不区分整数和小数
string字符串类型
booleantrue 真, false 假
undefined表示未定义的值
null只有唯一的值 null,表示空值

number 数字类型

JavaScript 中不区分整数和浮点数,统一都使用 “数字类型” 来表示

示例代码

<script>let a =10;console.log(typeof(a))a= a/3console.log(a)console.log(typeof(a))
</script>

运行结果
image-20240301130811602

特殊的数字值:
Infinity:无穷大, 大于任何数字,表示数字已经超过了 JS 能表示的范围.
-Infinity: 负无穷大, 小于任何数字,表示数字已经超过了 JS 能表示的范围.
NaN: 表示当前的结果不是一个数字

1.Infinity的示例代码

<script>console.log(10/0)
</script>

运行结果

在这里插入图片描述

2.-Infinity的示例代码

<script>console.log(-10/0)
</script>

运行结果

image-20240301132055825

3.NaN的示例代码

<script>console.log("hahaha"-1)
</script>

运行结果

image-20240301132302455


string 字符串类型

注:字符串字面值需要使用引号引起来,单引号双引号均可

示例

<script>let a ='哈哈哈'a = 'JS'
</script>

字符串中本身已经包含引号的情况

1.正确搭配使用单双引号

示例1:

<script>let a ='js'a ="哈哈哈'js'"
</script>

示例2:

<script>let b = "js"b = '哈哈哈"js"'
</script>

2.使用转义字符 \ " 来表示字符串内部的引号

示例:

<script>let name = "liaofeiyang"name = "my name is \"liafeiyang\""alert(name)
</script>

运行效果

image-20240301134848784

一些其它的转义字符,比如: \t => t ,\n => n ,\\ => \


字符串求长度

使用 String 的 length 属性即可

示例代码

<script>let a = "哈哈哈"console.log(a.length)
</script>

运行效果
在这里插入图片描述

字符串拼接

使用 + 进行拼接

示例代码

<script>let a = "小白"console.log("fly: "+ a)
</script>

运行结果
image-20240301142841509

数字和字符串也可以进行拼接

示例

<script>console.log("10" + 10)
</script>

运行结果

image-20240301143156988


boolean 布尔类型

表示 “真” 和 “假”,当Boolean参与运算时会被做 1 和 0 来看待,和 C 语言一样

示例1

<script>let a  = trueconsole.log(typeof(a))a = a + 1console.log("a的值等于:"+a+" a的类型:"+typeof(a))
</script>

运行结果

image-20240301144012392

示例2

<script>let a  = falseconsole.log(typeof(a))a = a + 1console.log("a的值等于:"+a+" a的类型:"+typeof(a))
</script>

运行结果
在这里插入图片描述


undefined 未定义数据类型

1.如果一个变量被定义了,但是没有被赋值,也就是没有被初始化过, 此时这个变量就是 undefined, 是 undefined 类型的

示例代码

<script>let a;console.log(a)
</script>

运行结果

image-20240301152223643

2.undefined和字符串进行相加, 结果是进行字符串拼接

示例代码

<script>let a;console.log(a + "10")
</script>

运行结果

image-20240301152603771

3.undefined和数字进行相加,结果为NaN

示例代码

<script>let a;console.log(a + 10)console.log(a + true)
</script>

运行结果

image-20240301153245029


null 空值类型

null 表示当前的变量是一个 “空值”

注: null 和 undefined 都表示取值非法的情况, 但是侧重点不同
undefined 表示当前的变量未定义,而 null 是被定义/被赋值了的,只不过它的值就是 null

示例代码

<script>let a;let b = null;console.log(a + 10); //运行结果为NaNconsole.log(b + 10); //运行结果是10
</script>

运行结果
image-20240301154109382

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

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

相关文章

itertools, 一个超好用的Python库

前言 Python用来处理迭代器的工具你想到了啥&#xff1f;itertools 就是一个特别有用的库&#xff0c;它提供了一系列用于创建和操作迭代器的工具&#xff0c;以下是10个常用的操作&#xff0c;可用在实际工作中&#xff0c;熟练掌握这些操作&#xff0c;将极大提升你在 Pytho…

栈(顺序栈)实现Language C

###王道考研的学习领悟&#xff0c;个人喜好讲解清晰 何为栈&#xff1f; 定义:栈&#xff08;stack&#xff09;是只允许在一端进行插入或删除的线性表。 其重要术语&#xff1a;栈顶&#xff0c;栈底&#xff0c;空栈。 我们只需要把这个图看明白了&#xff0c;理解起来就…

学校机房Dev c++解决中文乱码问题

工具->编译选项->勾选 编译时加入以下命令 -fexec-charsetGBK -finput-charsetUTF-8 显示中文&#xff1a;工具->编辑器选项->去掉第一个的勾勾。

vue+node对接支付宝沙箱

目录 一、准备工作 二、后端node 1、添加支付宝配置文件 2、开始写支付提交接口 3、前端部分&#xff08;点击提交订单&#xff09;3.1、写axios请求 3.2、点击提交订单按钮后发送网络请求 3.3、付款成功跳转的页面的路径是下面这样的&#xff1a; 4、后端向支付宝发请求…

Github上最值得学习的10个Android开源项目,安卓面试题

1.Java语言进阶与Android相关技术核 Android应用是由Java语言进行开发的&#xff0c;SDK也是由Java语言编写&#xff0c;对于Android来说&#xff0c;只要SDK没有用Kotlin重写&#xff0c;那么Java语言是都需要学习的。而且Android APK的后台服务器程序大概率是Java语言构建&a…

【计算机网络】应用层自定义协议

自定义协议 一、为什么需要自定义协议&#xff1f;二、网络版计算器1. 基本要求2. 序列化和反序列化3. 代码实现&#xff08;1&#xff09;封装 socket&#xff08;2&#xff09;定制协议和序列化反序列化&#xff08;3&#xff09;客户端&#xff08;4&#xff09;计算器服务端…

Javaweb之SpringBootWeb案例之自动配置以及常见方案的详细解析

3.2 自动配置 我们讲解了SpringBoot当中起步依赖的原理&#xff0c;就是Maven的依赖传递。接下来我们解析下自动配置的原理&#xff0c;我们要分析自动配置的原理&#xff0c;首先要知道什么是自动配置。 3.2.1 概述 SpringBoot的自动配置就是当Spring容器启动后&#xff0c…

OLLAMA 本地模型调用

Ollama 网址下载 再cmd&#xff0c;用 library 里面的库 英文对话&#xff1a; Gemma is available in both 2b and 7b parameter sizes: ollama run gemma:2bollama run gemma:7b (default) 中文对话 ollama run qwen:0.5bollama run qwen:1.8b 用vscode而不是cmd调用 …

【论文笔记】An Effective Adversarial Attack on Person Re-Identification ...

原文标题&#xff08;文章标题处有字数限制&#xff09;&#xff1a; 《An Effective Adversarial Attack on Person Re-Identification in Video Surveillance via Dispersion Reduction》 Abstract 通过减少神经网络内部特征图的分散性攻击reid模型。 erbloo/Dispersion_r…

强化学习嵌入Transformer(代码实践)

这里写目录标题 ChatGPT的答案GPT4.0 ChatGPT的答案 # 定义Transformer模块 class Transformer(nn.Module):def __init__(self, input_dim, hidden_dim, num_heads, num_layers):super(Transformer, self).__init__()self.encoder_layer nn.TransformerEncoderLayer(d_modeli…

Vue3中组件通讯的方式

Vue3中组件通讯的方式 1 &#x1f916;GPT&#x1f916;: (答案有点问题混淆了vue2的内容) 父组件向子组件传递数据 props 子组件通过 props 属性从父组件接收数据。emit事件子组件通过emit 事件 子组件通过 emit事件子组件通过emit 发射事件向父组件发送消息。provide / in…

Java SpringCloud gateway面试题

Java SpringCloud gateway面试题 前言1、什么是网关Zuul&#xff08;gateway&#xff09;&#xff1f;2、服务网关的作用&#xff1f;3、Zuul网关(Gateway)如何搭建集群&#xff1f;4、ZuulFilter常用有那些方法&#xff1f;5、如何实现动态zuul网关路由转发&#xff1f;6、在Z…

kubeadm安装部署

目录 1.要求 2.环境准备 3.所有节点安装docker 4.所有节点安装kubeadm&#xff0c;kubelet和kubectl 5.部署K8S集群 6.测试 7.扩展3个副本 8.部署Dashboard master&#xff08;2C/4G&#xff0c;cpu核心数要求大于2&#xff09;192.168.27.10docker、kubeadm、kubelet、…

LightDB - ecpg 支持dml 中使用 return into 【24.1】

在之前的版本中ecpg 中只能使用returning into 来给c 变量赋值&#xff0c;如下&#xff1a; exec sql update t1 set c aa where id 2 returning c into :c_val;为了兼容oracle pro*c 中return into 的用法&#xff0c;从24.1 开始&#xff0c; LightDB 也支持通过return in…

Chrome插件 | WEB 网页数据采集和爬虫程序

无边无形的互联网遍地是数据&#xff0c;品类丰富、格式繁多&#xff0c;包罗万象。数据采集&#xff0c;或说抓取&#xff0c;就是把分散各处的内容&#xff0c;通过各种方式汇聚一堂&#xff0c;是个有讲究要思考的体力活。君子爱数&#xff0c;取之有道&#xff0c;得注意遵…

mobile app 安全扫描工具MobSF了解下

可以干啥&#xff1a; static 静态分析 dynamic 动态分析 可以用来渗透了 如何docker安装 docker image 下载地址https://hub.docker.com/r/opensecurity/mobile-security-framework-mobsf/ setup 两行即可 1 docker pull opensecurity/mobile-security-framework-mobsf…

关于VScode远程编写linux SHELL的报错处理

使用vscode远程编写linux保存shell时&#xff0c;提示报错&#xff1a; 未能保存“shell”: 无法写入文件"vscode-remote:.../tmp/shell"(NoPermissions (FileSystemError): Error: EACCES: permission denied, open /tmp/shell) 大体意思是说&#xff1a;权限被拒…

Python | 从子目录文件导入父目录模块的方法

问题描述 我有两级目录&#xff0c;第一级称为parent_dir&#xff0c;第二级称为child_dir。现在在child_dir下&#xff0c;有一个py&#xff0c;称为child.py&#xff0c;在parent_dir下&#xff0c;也有一个py&#xff0c;称为parent.py。 我想从child.py中导入parent.py中…

Go Slice的底层实现原理深度解析

文章目录 切片的诞生&#xff1a;数组的延伸切片的结构初始化切片 切片的内存管理扩容机制 实例分析&#xff1a;切片的动态特性切片与性能性能对比 切片的并发安全并发场景下的切片操作 切片与接口切片与空接口 切片的遍历与操作遍历切片切片的切片操作 切片的垃圾回收切片的生…

年轻人怎么搞钱?

年轻人想要搞钱&#xff0c;可以考虑以下几个方面&#xff1a; 1. 创业&#xff1a;年轻人可以通过自己的创意&#xff0c;找到一个市场的空缺&#xff0c;开创自己的业务。可以从比较小的项目开始&#xff0c;逐渐扩大范围&#xff0c;积累经验和财富。 2. 投资&#xff1a;…