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. 换言之,有括号和没有括号,得到的结果是一样的,所以我们直接使用运算符的写法。
相关推荐
用户69371750013842 小时前
Google 正在“收紧侧加载”:陌生 APK 安装或需等待 24 小时
android·前端
蓝帆傲亦2 小时前
Web 前端搜索文字高亮实现方法汇总
前端
用户69371750013842 小时前
Room 3.0:这次不是升级,是重来
android·前端·google
漫随流水3 小时前
旅游推荐系统(view.py)
前端·数据库·python·旅游
踩着两条虫5 小时前
VTJ.PRO 核心架构全公开!从设计稿到代码,揭秘AI智能体如何“听懂人话”
前端·vue.js·ai编程
jzlhll1236 小时前
kotlin Flow first() last()总结
开发语言·前端·kotlin
用头发抵命6 小时前
Vue 3 中优雅地集成 Video.js 播放器:从组件封装到功能定制
开发语言·javascript·ecmascript
蓝冰凌6 小时前
Vue 3 中 defineExpose 的行为【defineExpose暴露ref变量】详解:自动解包、响应性与实际使用
前端·javascript·vue.js
奔跑的呱呱牛7 小时前
generate-route-vue基于文件系统的 Vue Router 动态路由生成工具
前端·javascript·vue.js