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. 换言之,有括号和没有括号,得到的结果是一样的,所以我们直接使用运算符的写法。
相关推荐
尾善爱看海32 分钟前
不常用的浏览器 API —— Web Speech
前端
美酒没故事°1 小时前
vue3拖拽+粘贴的综合上传器
前端·javascript·typescript
jingling5552 小时前
css进阶 | 实现罐子中的水流搅拌效果
前端·css
悟能不能悟4 小时前
前端上载文件时,上载多个文件,但是一个一个调用接口,怎么实现
前端
可问春风_ren4 小时前
前端文件上传详细解析
前端·ecmascript·reactjs·js
羊小猪~~5 小时前
【QT】--文件操作
前端·数据库·c++·后端·qt·qt6.3
晚风资源组6 小时前
CSS文字和图片在容器内垂直居中的简单方法
前端·css·css3
Miketutu6 小时前
Flutter学习 - 组件通信与网络请求Dio
开发语言·前端·javascript
摘星编程6 小时前
React Native for OpenHarmony 实战:Swiper 滑动组件详解
javascript·react native·react.js
鸣弦artha7 小时前
Flutter框架跨平台鸿蒙开发——Build流程深度解析
开发语言·javascript·flutter