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. 换言之,有括号和没有括号,得到的结果是一样的,所以我们直接使用运算符的写法。
相关推荐
qq_41985405几秒前
css filter
前端·javascript·css
Agatha方艺璇20 分钟前
VUE复习笔记
前端·vue.js
大家的林语冰30 分钟前
npm 不忍了,正式上线“阶段式发布“的新功能,进一步对抗频繁的供应链攻击!
前端·javascript·node.js
by————组态1 小时前
Ricon组态技术架构 - 企业级Web组态解决方案
运维·服务器·前端·物联网·架构·组态·组态软件
葛兰岱尔1 小时前
从 SolidWorks 到 Three.js,从 Inventor 到 Unity——制造业CAD模型“几何-语义一体化“转换,不再是天方夜谭!
开发语言·javascript·unity
llz_1121 小时前
web-第六次课后作业
前端·spring boot·后端
zzqssliu1 小时前
基于Laravel + Express.js的代购系统多语言多货币架构设计
javascript·express·laravel
爱勇宝1 小时前
CEO通知5100名员工:今年不涨薪了,钱要投给AI!
前端·后端·程序员
乘风gg1 小时前
前端死到第几轮了?得物前端部门解散有感!
前端·ai编程·claude
艾伦野鸽ggg1 小时前
web 组大一下第二次考核
前端·css·html