12 JS03——数据类型

news2024/10/6 16:21:12

目标:
1、数据类型简介
2、简单数据类型
3、获取变量数据类型
4、数据类型转换
5、拓展阅读

一、数据类型简介

1、为什么需要数据类型

在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。
简单来说,数据类型就是数据的类别型号。比如姓名“张三”,年龄18,这些数据的类型是不一样的。

2、变量的数据类型

变量是用来存储值的所在处,它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。JavaScript是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。
在这里插入图片描述
在代码运行时,变量的数据类型是由JS引擎根据=右边变量值的数据类型来判断的,运行完毕之后,变量就确定了数据类型。
JS拥有动态类型,意味着相同的变量可用作不同的类型。
在这里插入图片描述

3、数据类型的分类

· 简单数据类型
· 复杂数据类型

二、简单数据类型

在这里插入图片描述

1、数字型Number

JS数字类型既可以用来保存整数值,也可以保存小数(浮点数)
在这里插入图片描述

(1)最常见的进制有:二进制、八进制、十进制、十六进制。

在这里插入图片描述

(2)JS中数值的最大和最小值

在这里插入图片描述
Infinity,代表无穷大,大于任何数值
-Infinity,代表无穷小,小于任何数值
NaN Notanumber,代表一个非数值

(3)isNaN()

用来判断一个变量是否为非数字的类型,返回true或者false
在这里插入图片描述
在这里插入图片描述

2、字符串型String

字符串型可以是引号中的任意文本,其语法为双引号""和单引号”
在这里插入图片描述

因为HTML标签里面的属性使用的是双引号JS这里我们更推荐使用单引号。

(1)字符串引号嵌套

JS可以用单引号嵌套双引号,或者用双引号嵌套单引号(外双内单,外单内双。
在这里插入图片描述

(2)字符串转义符

类似HTML里面的特殊字符,字符串中也有特殊字符,我们称之为转义符。
转义符都是\开头的,常用的转义符及其说明如下:
在这里插入图片描述

(3)字符串长度

字符串是由若干字符组成的,这些字符的数量就是字符串的长度,通过字符串的length属性可以获取整个字符串的长度。
在这里插入图片描述

(4)字符串拼接

· 多个字符串之间可以使用+进行拼接,其拼接方式为字符串+任何类型=拼接之后的新字符串
· 拼接前会把与字符串相加的任何类型转成字符串,再拼接成一个新的字符串
在这里插入图片描述
+号总结口诀:数值相加,字符相连

(5)字符串拼接加强

在这里插入图片描述
· 我们经常会将字符串和变量来拼接,因为变量可以很方便地修改里面的值。
· 变量是不能添加引号的,因为加引号的变量会变成字符串
· 如果变量两侧都有字符串拼接,口诀“引引加加”,删掉数字,变量写加中间
在这里插入图片描述

3、布尔型Boolean

· 布尔类型有两个值:true和false,其中true表示真(对),而false表示假(错)。
· 布尔型和数字型相加的时候,true的值为1,false的值为0。
在这里插入图片描述

4、Undefined和Null

一个声明后没有被赋值的变量会有一个默认值undefined(如果进行相连或者相加时,注意结果)
在这里插入图片描述
一个声明变量给null值,里面存的值为空(学习对象时,我们继续研究null)
在这里插入图片描述

三、获取变量数据类型

1、typeof可用来获取检测变量的数据类型

在这里插入图片描述

2、字面量

字面量是在源代码中一个固定值的表示法,通俗来说,就是字面量表示如何表达这个值。

· 数字字面量:8910
· 字符串字面量:黑马程序员大前端
· 布尔字面量:true,false

四、数据类型转换

使用表单,prompt获取过来的数据默认是字符出类型的,此时就不能有接简单的进行加法运算,而需要转换变
量的数据类型。通俗来说,就是把一种数据类型的变量转换成另外一种数据类型。
我们通常会实现3种方式的转换:
转换为字符串类型
转换为数字型
转换为布尔型

1、转换为字符串类型

在这里插入图片描述
· toString()和String0)使用方式不一样。
· 三种转换方式,我们更喜欢用第三种加号拼接字符串转换方式,这一种方式也称之为隐式转换。
在这里插入图片描述

2、转换为数字型

在这里插入图片描述
· parseInt和parseFloat单词的大小写,这2个是重点
· 隐式转换是我们在进行算数运算的时候,JS自动转换了数据类型
在这里插入图片描述
在这里插入图片描述

1、案例分析

①先弹出第一个输入框,提示用户输入第一个值保存起来
②再弹出第二个框,提示用户输入第二个值保存起来
③把这两个值相加,并将结果赋给新的变量(注意数据类型转换)
④弹出警示框(alert),把计算的结果输出(输出结果)
在这里插入图片描述

3、转换为布尔型

在这里插入图片描述
· 代表空、否定的值会被转换为false,如’'、0、NaN、null、undefined
· 其余值都会被转换为true
在这里插入图片描述

五、拓展阅读

1、解释型语言和编译型语言

计算机不能直接理解任何除机器语言以外的语言,所以必须要把程序员所写的程序语言翻译成机器语言才能执行程序。程序语言翻译成机器语言的工具,被称为翻译器。
在这里插入图片描述
· 翻译器翻译的方式有两种:一个是编译,另外一个是解释。两种方式之间的区别在于翻译的时间点不同
· 编译器是在代码执行之前进行编译,生成中间代码文件
· 解释器是在运行时进行及时解释,并立即执行(当编译器以解释方式运行的时候,也称之为解释器)
在这里插入图片描述
类似于请客吃饭:
编译语言:首先把所有菜做好,才能上桌吃饭
解释语言:好比吃火锅,边吃边涮,同时进行

2、标识符、关键字、保留字

(1)标识符

标识(zhi)符:就是指开发人员为变量、属性、函数、参数取的名字。
标识符不能是关键字或保留字。

(2)关键字

关键字:是指JS本身已经使用了的字,不能再用它们充当变量名、方法名。
包括:break、casecatch、continue、defaultdelete、do、else、finallyfor、functionifin.
instanceof、new、return、switch、thisthrowtrytypeofvarvoid、while、with等。

(3)保留字

保留字:实际上就是预留的“关键字”,意思是现在虽然还不是关键字,但是未来可能会成为关键字,同样不能使用它们当变量名或方法名。
包括:booleanbyte char class、constdebugger doubleenumexportextends
fimal、float gotoimplementsimportintinterfacelongmativepackage
private protected public short staticsupersynchronizedthrows transient
volatile等。

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

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

相关文章

GWO灰狼优化算法以及Matlab代码

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 GWO灰狼算法原理进化更新位置更新(紧随3只头狼) GWO灰狼算法流程图GWO优化算法matlab代码main函数适应度函数GWO主体代码测试结果F1~ F6测试…

ESP8266通过MQTT协议连接onenet云平台

中国移动onenet平台 文章目录 中国移动onenet平台前言一、onenet平台二、ESP82661.完整代码2.联网代码3.连云代码4.数据处理 总结 前言 最近在弄onenet平台,用arduino结合esp8266,就是不知道怎么回事,一直连不上wifi,然后就用esp…

基础知识回顾

1.数组 数组工具类 二维数组 1.1概念 数组,标志是[ ],用于存储多个相同类型数据的集合,获取数组中的元素通过脚标(下标)来获取,数组下标是从0开始的 1.2创建数组 创建数组的方式分为两种 动态初始化 int[] a ne…

〖ChatGPT实践指南 - 零基础扫盲篇②〗- 深度体验 ChatGPT

文章目录 ⭐ ChatGPT 最主要的对话功能⭐ ChatGPT 对话功能的演示🌟 搞怪案例 ① - 询问如何做 "红烧肉"🌟 演示案例 ② - 文本翻译[翻译源码]🌟 演示案例 ③ - 代码问题🌟 演示案例 ④ - 修复Bug🌟 演示案例…

串口收发字符/字符串

分析过程: 框图: 通过以上框图分析可知,需要分析芯片手册 RCC / GPIO / UART 1.RCC章节:使能对应GPIOG/GPIOB/UART4控制器 2.GPIO章节:1)设置引脚为复用功能模式 2)设置复用功能为串口功能 3.UART章节:1…

Docker常用操作

1、单机(非docker)启动java程序:nohup java -jar springbootstudy.jar 2、启动docker:service docker start (构建好以后,就不需要了:docker build -f Dockerfile -t springboot-jar .&#x…

确定因果随机森林的树木数量 the number of trees

前言 推断因果性和分析异质性是统计学家在处理混杂任务中的圣杯。传统且主流的方法有:倾向性评分、分层分享、比例风险模型等。新的方法也有很多,代表就是:因果随机森林。这种算法,浅看难度一般,深入探索发现坑还是很多的。这篇博客不对算法做深入探讨,仅仅是我在阅读文…

Hudi数据湖技术之快速体验

目录 1 编译 Hudi1.1 第一步、Maven 安装1.2 第二步、下载源码包1.3 第三步、添加Maven镜像1.4 第四步、执行编译命令1.5 第五步、Hudi CLI测试 2 环境准备2.1 安装HDFS2.2 安装Spark 3.x 3 spark-shell 使用3.1 启动spark-shell3.2 模拟数据3.3 插入数据3.4 查询数据3.5 表数据…

TVM: An Automated End-to-End Optimizing Compiler for Deep Learning

https://www.usenix.org/conference/osdi18/presentation/chen 文章目录 TVM: An Automated End-to-End Optimizing Compiler for Deep Learning引言1. 简介2. 总览3. 优化计算图4. 生成张量运算4.1 张量表达式和调度空间4.3 嵌套并行与协作4.3 张量化4.4 显式内存延迟隐藏 5 .…

2023年-测试工程师面试题(前期面试的题目)

背景:小型电商公司,薪资:8-11k,职位:测试工程师,学历:本科 打开微信小程序“casa品集”,找出该小程序存在哪些bug? 并列出「商品详情页」的测试用例A,B两张表&#xff0c…

[Golang] Go语言基础一知半解??这些你容易忽视的知识点(第一期)

😚一个不甘平凡的普通人,致力于为Golang社区和算法学习做出贡献,期待您的关注和认可,陪您一起学习打卡!!!😘😘😘 🤗专栏:算法学习 &am…

液压控制系列之活塞位置测量(带原点标定功能)

液压轴位置控制详细内容请参看下面博客文章: 液压轴位置闭环控制(比例伺服阀应用)_RXXW_Dor的博客-CSDN博客液压阀的基础知识请参看下面的博客文章:PLC液压控制系列之比例流量阀结构分析_RXXW_Dor的博客-CSDN博客比例流量阀液压同步控制的PID闭环调节可以参看下面这篇博文三…

生命周期引入

实例:mouted:当vue完成模板解析并把真实的DOM元素放入页面后调用mounted 生命周期: 又名:生命周期回调函数、生命周期函数、生命周期钩子是什么:vue在关键时刻帮我们调用的一些特殊名称的函数生命周期函数的名字不可更…

CEF与Qt 结合注意事项

默认情况下,CEF 是/MT,而Qt是/MD 那么,如果你没有去在意MT、MD选项,那么极大可能性,会遇到程序崩溃的问题,并且表象会误导你查明原因的方向。并且,更换多个IDE也无法查明原因。 例子 当加载网…

【Linux】Linux开发工具

Linux开发工具 前言Linux编辑器 --- vimvim长啥样vim的基本概念vim的配置 Linux编译器 --- gcc/g编译和链接预处理编译汇编链接 细🔒链接静态库和动态库 Linux调试器 --- gdbLinux项目自动化构建工具 --- make/Makefile依赖关系和依赖方法 上方工具的简单示例 前言 …

MyBatis(二)—— 进阶

一、详解配置文件 1.1 核心配置文件 官方建议命名为mybatis-config.xml&#xff0c;核心配置文件里可以进行如下的配置&#xff1a; <environments> 和 <environment> mybatis可以配置多套环境&#xff08;开发一套、测试一套、、、&#xff09;&#xff0c; 在…

c实例练习笔记(拓展)

本博文参考题目的地址看右边----》C技能树 我跟你说&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;c语言有bool类型&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;你是不是百度跟你说没有只有c才有&#xff1f; 是有的&#xff01;&#xf…

第六章 完善内核

函数调用约定简介 参数的传递方式&#xff1a;使用后栈来保存。 每个进程都有自己的栈&#xff0c;这就是每个内存自己的专用内存空间&#xff1b;保存参数的内存地址不用再花精力维护&#xff0c;已经有栈机制来维护地址变化了&#xff0c;参数在栈中的位置可以通过栈顶的偏移…

QMS-云质说质量 - 1 张小泉的质量危机

云质QMS原创 转载请注明来源 作者&#xff1a;王洪石 引言 百年老店的拍蒜质量门 最近张小泉拍蒜断刀事件&#xff0c;吸引了全民关注&#xff0c;虽然随后发布了“断刀召集令”&#xff0c;但从事件发生到后续拖沓且不专业的应对&#xff0c;张小泉肯定是“失蒜”了。 张小泉…

一篇终结synchronized

一&#xff1a;基本原理 Java对象在内存中由两部分组成 &#xff1a; 1 是成员变量 2 是对象头&#xff0c;以32位虚拟机介绍&#xff1a;此时对象头是64位&#xff0c;即8字节 其中32个字节代表 mark word 另外32个字节代表klass word分别是什么意思呢&#xff1f; 1 klass …