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. 换言之,有括号和没有括号,得到的结果是一样的,所以我们直接使用运算符的写法。
相关推荐
ZFSS6 小时前
Kimi Chat Completion API 申请及使用
前端·人工智能
没想好d6 小时前
通用管理后台组件库-8-表格组件
前端
前端Hardy7 小时前
HTML&CSS&JS:打造丝滑的3D彩纸飘落特效
前端·javascript·css
前端Hardy7 小时前
HTML&CSS&JS:丝滑无卡顿的明暗主题切换
javascript·css·html
布列瑟农的星空7 小时前
rsbuild mock 插件开发指南
前端
用泥种荷花7 小时前
【LangChain.js学习】 文档加载(Loader)与文本分割全解析
前端
cxxcode8 小时前
Vite 热更新(HMR)原理详解
前端
HelloReader8 小时前
Tauri 架构从“WebView + Rust”到完整工具链与生态
前端
UIUV8 小时前
node:child_process spawn 模块学习笔记
javascript·后端·node.js
Bigger8 小时前
告别版本焦虑:如何为 Hugo 项目定制专属构建环境
前端·架构·go