4.数据类型

4.数据类型

JS 数据类型整体分为两大类:

1.基本数据类型:

  • number 数字型
  • string 字符串型
  • undefined 未定义型
  • boolean 布尔型
  • null空类型

2.引用数据类型:

  • object 对象

注意事项:

JS是弱数据类型,变量到底属于那种类型,只有赋值之后,我们才能确认

Java是强数据类型 例如inta=3必须是整数

1.数据类型-数字类型(Number)

即我们数学中学习到的数字,可以是整数、小数、正数、负数。

  1. 数字可以有很多操作,比如,乘法*、除法/、加法+、减法-等等,所以经常和算术运算符一起。数学运算符也叫算术运算符,主要包括加、减、乘、除、取余(求模)。
  2. 同时使用多个运算符编写程序时,会按着某种顺序先后执行,我们称为优先级。JavaScript中优先级越高越先被执行,优先级相同时以书从左向右执行。

NaN代表一个计算错误,它是一个不正确的或者一个未定义的数学操作所得到的结果

js 复制代码
console.log('小明'- 2)//返回NaN

NaN 是粘性的。任何对NaN的操作都会返回NaN

js 复制代码
console.log(NaN + 2) //返回NaN

2.数据类型-字符串类型(string)

通过单引号(' ')、双引号(" ")或反引号(``)包裹的数据都叫字符串,单引号和双引号没有本质上的区别,推荐使用

单引号。

js 复制代码
letuname='小明'//使用单引号
let gender="男" //使用双引号
letgoods=`小米`//使用反引号
lette1=`13681113456`//看上去是数字,但是引号包裹了就是字符串
letstr=''这种情况叫空字符串

注意事项:

  1. 无论单引号或是双引号必须成对使用
  2. 单引号/双引号可以互相嵌套,但是不以自已嵌套自已(口诀:外双内单,或者外单内双)
  3. 必要时可以使用转义符,输出单引号或双引号

1.字符串拼接:

场景:+运算符可以实现字符串的拼接。

口诀:数字相加,字符相连

js 复制代码
let age =25
//document.write('我今年'+19)
//document.write('我今年'+age)
//document.write('我今年'+age+'岁了')

2.模板字符串

使用场景

  • 拼接字符串和变量
  • 在没有它之前,要拼接变量比较麻烦
js 复制代码
document.write('大家好,我叫'+ name +'今年'+ age +'岁')

语法

  • (反引号}
  • 在英文输入模式下按键盘的tab键上方那个键(1左边那个键)
  • 内容拼接交量时,用${ }包住变量
js 复制代码
let age =20
//模板字符串 外面用``里面${变量名}
document.write(`我今年${age}岁了`)

3.数据类型-布尔类型(boolean)

表示肯定或否定时在计算机中对应的是布尔类型数据。

它有两个固定的值true 和false,表示肯定的数据用true(真),表示否定的数据用 false(假)。

4.数据类型-未定义类型(undefined)

未定义是比较特殊的类型,只有一个值undefined。

什么情况出现未定义类型?

只声明变量,不赋值的情况下,变量的默认值为undefined,一般很少直接为某个变量赋值为 undefined。

工作中的使用场景:

我们开发中经常声明一个变量,等待传送过来的数据。

如果我们不知道这个数据是否传递过来,此时我们可以通过检测这个变量是不是undefined,就判断用户是否有数据传递过来。

5.数据类型- null(空类型)

JavaScript 中的 null 仅仅是一个代表 "无"、"空" 或 "值未知" 的特殊值

null开发中的使用场景:

官方解释:把null作为尚未创建的对象 ,将来有个变量里面存放的是一个对象,但是对象还没创建好,可以先给个null

null和undefined区别:

  • undefined表示没有赋值
  • null表示赋值了,但是内容为空

6.控制台输出语句和检测数据类型

通过typeof关键字检测数据类型

typeof运算符可以返回被检测的数据类型。它支持两种语法形式:

  1. 作为运算符:typeof x(常用的写法) 函数形式: typeof(x)
  2. 换言之,有括号和没有括号,得到的结果是一样的,所以我们直接使用运算符的写法。
相关推荐
郭老二7 小时前
【前端】vue3:编译步骤
前端
不在逃避q8 小时前
Trae/Vs Code/Cursor命令行无法跑npm命令
前端·arcgis·npm
夏殇之殁8 小时前
包中创建自定义列表项。 . 使用自定义列表项进行数据绑定 . 将天气预报数据保存到本地内存表,通过LiveBindings进行显示。 ...
服务器·前端·javascript
The Chosen One9858 小时前
高进度算法模板速记(待完善)
java·前端·算法
陈随易8 小时前
MoonBit抓包模块pcap,查看电脑的每一次联网通信
前端·后端·程序员
新中地GIS开发老师9 小时前
WebGIS开发学生作品|低空航天管理与航线规划系统
前端·javascript·webgis·三维gis开发
用户0595401744610 小时前
大模型对话记忆持久化踩坑实录:用 Playwright 自动化测了 300 次,终于揪出会话丢失的真凶
前端·css
丙氨酸長鏈10 小时前
Web前端入门第 问:JavaScript 一个简单的 IndexedDB 数据库入门示例
前端·javascript·数据库
kyriewen11 小时前
面试官让我手写虚拟列表——AI生成的版本,快速滚动几下就白屏了
前端·javascript·面试
IT_陈寒11 小时前
Vite热更新失效?你可能漏了这个配置
前端·人工智能·后端