JavaScript基础篇分享之二

时间:2021-08-24 14:30:28

一、运算符的优先级

有括号的先算括号里面的  再乘除 后加减  

如果我们需要提升运算符的优先级  一句话:加括号

 

 JavaScript基础篇分享之二

二、流程控制

顺序结构、分支结构、循环结构!

 

顺序结构

代码是从上至下一行一行执行并解析!

 JavaScript基础篇分享之二

分支结构

虽然说有多条路可以选择,但是我们在实际中往往只能选择一条路!
if语句、switch语句

if语句

单分支、双分支、多分支

单分支:

格式:

if(条件表达式){

//语句块

}

说明:如果当条件表达式成立的时候  得到布尔true  就执行语句块  

注意:如果单分支小括号后面这一对大括号可以省略不写 但是建议不要省略!

JavaScript基础篇分享之二 

双分支:

格式:

if(条件表达式){

//语句块1

}else{

//语句块2

}

说明:如果当条件表达式成立的时候  得到布尔true  就执行语句块1  但是如果条件表达式不成立  得到布尔false  就会执行语句块2  

 

 JavaScript基础篇分享之二

多分支:

格式:

if(条件表达式1){

//语句块1

}else if(条件表达式2){

//语句块2

} else if(条件表达式3){

//语句块3

} else if(条件表达式n){

//语句块n

}[else{

//语句块

}]

 

说明:

第一步:先去判断条件表达式1是否成立  如果成立得到布尔true   就会执行语句块1  如果不成立  得到false  就会判断条件表达式2是否

第二步:它是建议第一步不成立的基础上    判断条件表达式2是否成立  如果成立得到布尔true   就会执行语句块2  如果不成立  得到false  就会判断条件表达式3是否成立

第三步:它是建议第二步不成立的基础上  先判断条件表达式3是否成立  如果成立就 就会执行语句块3  如果不成立 就会再去判断下一条条件表达式  

如果上面的条件表达式都不成立  并且我们写了else这个语句  那么就会执行else里面的语句块

l else语句可以省略不写  可写可不写 根据实际情况来定

 JavaScript基础篇分享之二

switch语句

格式:

switch(变量名){

case1 :

执行语句块1

break;

case 2 :

执行语句块2

break;

case 3:

执行语句块3

break;

case n:

执行语句块n

break;

default:

默认的语句块

break;

}

 

说明:

拿变量名的值与case中的每一个值比较全等于比较  如果比较成立 就会执行对应的语句块   但是它会去查找这个对应的语句块的后面是否写了break这个关键字  如果没有写它会继续往下去找break关键字 并且同时会将下面的语句块输出  直达找到break为止!

 

实例:动态的输出今天星期几

第一步:我们要获取到系统时间日期  

创建了一个时间日期对象  

对象是由属性与方法组成!

 JavaScript基础篇分享之二

第二步:要从时间 日期对象里面获取到一周中的某一天  

 JavaScript基础篇分享之二

JavaScript基础篇分享之二

JavaScript基础篇分享之二

 

 

 

 

循环语句

什么叫循环?

当满足一定的条件下,重复去做件事情!

for循环、while循环、do…while循环

 

for循环

格式:

for(变量初始化;条件表达式;变量更新){

//循环体

}

 

结构说明:

第一步:变量初始化  声明一个变量然后给其赋值   它只执行一次

第二步:判断条件表达式是否成立   如果条件表达式成立 就执行第三步 如果条件表达式不成立就退出循环

第三步:建立第二步成立的基础上  执行循环体

第四步:变量进行更新   立马又来执行第二步 判断条件表达式是否成立!

 

1---à2---à3--à4---à2--à3--à4

 JavaScript基础篇分享之二

 

 

1:使用for循环来输出10hello

 JavaScript基础篇分享之二

2:输出1-100

 JavaScript基础篇分享之二

3:输出100-1

 JavaScript基础篇分享之二

4:请求出1-100之间的和!

JavaScript基础篇分享之二 

5:求1-100之间奇数的和

 JavaScript基础篇分享之二

 

大家从小到大,都玩儿过的一个庸俗的游戏:

 

游戏玩儿法就是,大家轮流报数,如果报到能被7整除的数字,或者尾数是7的数字,都算踩地雷了。就应该罚唱歌。

 

请在控制台输出1~60之间的所有“安全数”。

 

比如:

1234568910111213151618192022232425262930……

 

 JavaScript基础篇分享之二

 

7、输出一个10行的表格  这个表格要实现隔行变色的效果!

 JavaScript基础篇分享之二

8:输出一个19列的表格!

 JavaScript基础篇分享之二

9:输出一个91列的表格!

 JavaScript基础篇分享之二

10:输出一个99列的表格

 JavaScript基础篇分享之二

11:输出一个99乘法表!

 JavaScript基础篇分享之二

 

while循环

格式:

变量初始化

while(条件表达式){

//循环体

变量更新

}

 

结构说明:

当条件表达式成立时 就执行循环体

 JavaScript基础篇分享之二

dowhile循环

这个循环是while循环的变种!

格式:

变量初始化

do{

循环体;

变量更新

}while(条件表达式);

 

结构说明:

先执行一次循环体,再来判断条件表达式是否成立!不管条件表达式是否成立 都会执行一次循环体!

 

 

1-100之间能被3整除的数!

 JavaScript基础篇分享之二

 

for循环与while循环之间的区别:

for循环主要是在已知循环次数的时候使用

while一般用于未知循环次数的使用

while循环与do….while循环之间的区别

while循环先判断条件表达式是否成立

do..while 先执行一个次循环体 不管条件表达式是否成立  它都会执行一次循环体  再来判断条件表达式!

 

三、循环中断关键字

breakcontinue

 

break作用

当遇到break关键字以后 那么就会中断整个循环  循环不会继续往下执行!

 JavaScript基础篇分享之二

continue作用

当遇到continue关键字以后 会中断“本次”循环,继续执行下一次循环!

 JavaScript基础篇分享之二

 

四、知识点补充

window.prompt(text,defaultText)  

l 用户输入对话框

l text:提示的信息   可选

l defaultText:可选   默认显示的数据

当用户点击确定按钮的时候会得到一个String类型的数据!

如果用户没有填写数据 直接点击了取消按钮  得到null

 

 JavaScript基础篇分享之二

 

parseInt(变量名):从一个字符串提取一个整数  当遇到非数值以后就停止提取  如果字符串的第一个字符不是数值 那么直接返回NaN

 

 JavaScript基础篇分享之二

parseFloat(变量名):从一个字符串提取浮点数  当遇到除了.以外的其它字符就会停止提取如果字符串的第一个字符不是数值 那么直接返回NaN

 

isNaN(变量名):  先将变量名进行自动的转换Number型 如果转换后是NaN那么就返回true,如果不是NaN就返回false