初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

时间:2023-03-08 17:43:22

Date()对象:

Date对象用于处理日期和时间。

初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

1.1 Math对象 

◆Math.ceil()   天花板函数    向上取整  只取整数,不足则进1

◆Math.floor()  地板函数  舍去小数

◆Math.max(x,y)

初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

◆Math.min(x,y)

初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

◆Math.pow(x,y)

初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

◆Math.round()

初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

◆Math.random()

初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

数据类型转换

数字类型转字符串

String()

初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

变量.toString()

初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

字符串转数字类型

◆Number

初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

★数字类型的字符串,转换之后得到的数字。

★非数字字符串,转换之后得到是NaN。

★小数类型的字符串,转换之后得到的是原数字。

◆parseInt

初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

★整数数字类型的字符串,转换之后得到的整数数字。

★数字开头的字符串,转换之后得到的是前边的数字。

★非数字开头的字符串,转换之后得到的是NaN。

★小数类型的字符串,转换之后取整。

◆parseFloat

★整数数字类型的字符串,转换之后得到的整数数字。

★数字开头的字符串,转换之后得到的是前边的数字。

★非数字开头的字符串,转换之后得到的是NaN。

★小数类型的字符串,转换之后得到的是原数字。

转布尔类型

Boolean()

初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

数字和字符串转完之后为true。

undefined、null、0转完之后为false.

隐式数据类型转换

在运算过程中,程序自己进行的数据转换(程序员没有操作)

逻辑运算符

逻辑运算只有2个结果,一个为true,一个为false.

◆且&&

★两个表达式为true的时候,结果为true.

◆或||

★只要有一个表达式为true,结果为true.

◆非!

★和表达式相反的结果。

等号运算符

“=”赋值运算符

“==”只判断内容是否相同,不判断数据类型。

“===”不仅判断内容,还判断数据类型是否相同。

!=  只判断内容是否不相同,不判断数据类型。

!==不全等于  不仅判断内容是否不相同,还判断数据类型是否不相同。

(/)乘除运算

  1. 两个都为数字类型的变量,相除得到的是数字类型
  2. 如果一个为数字类型的变量,一个为数字字符串变量,相除得到的是数字类型
  3. 如果一个为数字类型的变量,一个为非数字字符串,相除得到的NaN,数字类型
  4. 如果0作为除数,得到的是infinity(无限大),是一个数字类型。
  5. /数=数/数字字符串=数数/字=NaN/0=infinity(无限大)

 %运算 取余

逻辑运算符

逻辑运算只有两个结果,一个为true,一个为false.

  1.  &&

a) 两个都为true真才为真true

b) 有一个为false假就是假true

  1.  ||:

a) 有一个为真true就为真false

b) 两个都为false假才为假false

  1.  !:true和false对换

a) 输出相反的结果

b) 连续两个!!,可以将任意数值转换为boolean类型

比较运算符

大小关系比较

  1. > 、<、>=、<=,大小关系比较

a) 仅一个是数值,将另一个数值转换数值后比较

b) 字符串比较,逐字符串比较unicode值

c) 字符串与非数值比较,将非数值的转换为字符串比较

d) 非数值也非字符串,转换为字符串比较

e) 比较数无法转换为字符串,返回fslse

f) 与NaN比较,返回false

  1. == 、!= 相等比较

a) 字符串与数值比较,字符串转换为数值

b) null与undefined相等,比较不进行转换

c) NaN 与谁都不相等,包括自身

d) 对象比较

  1. ==:属于同一对象
  2. !=:不属于同一对象
  3. ===、!== 比较

a) 值比较需要类型相同切数值相等

b) 值类型与引用类型肯定不想等

c) 引用类型的比较。比较他们的引用地址

 优先级  先计算()括号里边的值

变量的集体声明

初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

If...else  条件判断

If(条件表达式){

如果条件表达式结果为true,执行该处代码。 如果条件表达式结果为false,执行下边代码。

}else{

如果条件表达式结果为false,执行该处代码。

}

If else嵌套

If(条件表达式){

如果条件表达式结果为true,执行该处代码。下边代码不执行。如果为false,执行下边代码。

}else  If(条件表达式){

如果条件表达式结果为true,执行该处代码。下边代码不执行。如果为false,执行下边代码。

}else  If(条件表达式){如果条件表达式结果为true,执行该处代码。下边代码不执行。如果为false,执行下边代码。

}else{

如果上边条件表达式结果都为false,执行该处代码。

}

三元表达式

表达式?结果1:结果2;

如果表达式结果为true,执行结果1,如果表达式结果为false,执行结果2.

可以理解为if else  的另外一种写法。

初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

代码调试Sources

◆先让程序运行一遍

◆f12   代码调试工具

初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

◆刷新页面

◆找到一步步调试,每点击一次,执行一步。

初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

添加变量或者表达式到监视窗口。

选择变量或表达式右键add to watch.

初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

◆监视窗口

初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、