前端获取后台布尔类型_JavaScript数据类型及转换、注释、操作符详解

47704989a73bf904f5d22bd131d1e41d.png

哈喽大家好,我是作者“未来”,本期分享的内容是Web前端系列课程,本系列总共29个阶段,坚持学习3个月蜕变为Web前端高手哦!

志同道合的小伙伴跟我一起学习交流哦!

第三阶段 JavaScript基础

06 数据类型

简单数据类型

Number、String、Boolean、Undefined、Null

Number类型

- 数值字面量:数值的固定值的表示法

110 1024 60.5

- 进制

e80b73da137401eaf77829a0a98471de.png

浮点数

09d68a4033983d6f77893bda793b3dde.png

数值范围

ee3bc613d0e75310671d262589c1c185.png

数值判断

- NaN:not a number

- NaN 与任何值都不相等,包括他本身

- isNaN: is not a number

String类型

'abc' "abc"

- 字符串字面量

'程序猿','程序媛', "黑马程序猿"

思考:如何打印以下字符串。

我是一个"正直"的人

我很喜欢"黑马'程序猿'"

- 转义符

03d073339ca31fc4337754d9b457edf0.png

字符串长度

length属性用来获取字符串的长度

42cacc61f4ecb69b8d3cd2eab2f52ceb.png

字符串拼接

字符串拼接使用 + 连接

9e5e5d487b693abfed72f7b627a3425a.png

1. 两边只要有一个是字符串,那么+就是字符串拼接功能

2. 两边如果都是数字,那么就是算术功能。

Boolean类型

- Boolean字面量: true和false,区分大小写

- 计算机内部存储:true为1,false为0

Undefined和Null

1. undefined表示一个声明了没有赋值的变量,变量只声明的时候值默认是undefined

2. null表示一个空,变量的值如果想为null,必须手动设置

复杂数据类型

Object

获取变量的类型

typeof

73919d06cf2de2ccea293d988e5174b7.png

字面量:

在源代码中一个固定值的表示法。

数值字面量:8, 9, 10

字符串字面量:'黑马程序员', "大前端"

布尔字面量:true,false

07 注释

单行注释

用来描述下面一个或多行代码的作用

32d5e6689a4bc3a87309f35a4a14ee5d.png

多行注释

用来注释多条代码

d40ea5da1f0f263f52bb28ca79c709fe.png

08 数据类型转换

如何使用谷歌浏览器,快速的查看数据类型?

字符串的颜色是黑色的,数值类型是蓝色的,布尔类型也是蓝色的,undefined和null是灰色的

转换成字符串类型

4c59bc91251bd31d26c28af567edaf06.png

转换成数值类型

9a736f6b86c2edbfb1356ebe28d4e718.png

转换成布尔类型

- Boolean()

0 ''(空字符串) null undefined NaN 会转换成false 其它都会转换成true

09 操作符

运算符 operator

5 + 6

表达式 组成 操作数和操作符,会有一个结果

算术运算符

+ - * / %

一元运算符

一元运算符:只有一个操作数的运算符

5 + 6 两个操作数的运算符 二元运算符

++ 自身加1

-- 自身减1

前置++

7617d3041349bf17bfc6c2d8004d21bd.png

后置++

bc0290afa14509ea649c124a793a5d4d.png

猜猜看

678872ecd754bf7c93a38d73a2adc180.png

**总结**

**前置++:先加1,后参与运算**

**后置++:先参与运算,后加1**

**上面两个理解后,下面两个自通**

**前置-- :先减1,后参与运算**

**后置-- :先参与运算,后减1**

逻辑运算符(布尔运算符)

9d780eebd20d8c609319204cd874b324.png

关系运算符(比较运算符)

1453cdc41fef00d97536609d9ec226d5.png

赋值运算符

f82e9815fd4b3385e5e733a2b4512e6d.png

运算符的优先级

67c23a09f2628a376b402c25202af236.png
52c469e8100a221786563b584cae81a5.png

看不懂的小伙伴不要气馁,后续的分享中将持续解释,只要你跟着我分享的课程从头到尾去学习,每篇文章看三遍,一个月后,回过头来看之前的文章就会感觉简单极了。

本章已结束,下篇文章将分享《JavaScript表达式、流程控制、分支结构、循环结构》小伙伴们不要错过哟!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值