JavaScript基础第三天

99 阅读4分钟

JavaScript流程控制

运算符

算术运算符

数学运算符也叫算术运算符,主要包括加、减、乘、除、取余 (求模)。

+:求和
-:求差
*:求积
/:求商
%:取模(取余数)   
开发中经常作为某个数字是否被整除

算术运算符执行的优先级顺序

	xxxxxxxxxx  乘、除、取余优先级相同        加、减优先级相同        乘、除、取余优先级大于加、减        使用 () 可以提升优先级        总结: 先乘除后加减,有括号先算括号里面的~~~

计算圆的面积

    <script>
         console.log(1%2*3/3+6*5-2)
         //1圆半径
         let radius =prompt();
        //  let area=3.14*radius*radius;
         let area=Math.PI*Math.pow(radius,2);
         document.write(`圆的面积:${area.toFixed(2)}`)
    </script>

赋值运算符

对变量进行赋值的运算符

已经学过的赋值运算符:= 将等号右边的值赋予给左边, 要求左边必须是一个变量

其他赋值运算符:+= -= *= /= %=

一元运算符

能够使用一元运算符做自增运算

前置自增:

美执行1次,当前变量数值加1

作用相当于num+=1

let num =1
++num

后置自增

每执行1次,当前变量数值加1

作用相当于num +=1

let num =1
num++

单独写没有区别

    <script>
        let age =1
        //项  先使用这个变量, 在下一次再使用这个变量好了
        console.log(age++ + 5) //显示 6
        // ++在变量的前面,先执行自增或自减,再使用这个变量

        console.log(++age + 5) //16  //显示  8
    </script>

前置:先自增后运算 后置:先运算后自增 自减同理.. 开发中,我们一般都是单独使用的,后置++ 使用更多

比较运算符

​ 作用: 比较两个数据大小 是否相等

​ 实际运用列

比较运算符作用
左边是否大于右边
<左边是否小于右边
>=左边是否大于或等于右边
<=左边是否小于或等于右边
==左右两边是否相等
===左右两边是否类型和值相等
!==左右两边是否不全等

比较运算结果是false或者true

字符串比较ASCII码

=和== 和===

=是赋值

== 是判断 只要值相等,不要求数据类型一样即可返回true == = 是全等 要求 值和类型一样即可返回true

开发中请使用 ===

比较运算符的结果是什么?

true false 循环和判断

逻辑运算符

用来解决多个条件判断

符号名称日常读法特点口诀
&&逻辑与并且符号两边都为true结果才为true一假则假
||逻辑或或者符号两边有一个为true结果才为true一真则真
!逻辑非取反true变false false变true真变假,假变真

输出一个数字是4的倍数 并且不是100倍数 ?

    <script>
        let num =+ prompt('d');
        console.log( num % 4 ===0  && num%100 !==0);
    </script>

短路运算:

&& :如果第一个表达式为假, 那么只需执行第二个表达式

| | : 如果第一个表达式为假, 那么只需执行第二个表达式,第二个表达式为假, 那么只需执行第三个表达式

语句

程序三大流程控制语句?

顺序结构 :从上到下执行

分支结构 根据条件选择执行代码

循环结构 某段代码被重复执行.

1.if语句

if语句有三种使用:单分支 双分支 多分支

if(条件){
	满足条件要执行代码
	1.直接true或者false
}
括号的内容
	括号内的条件为true时,进入大括号里执行代码
小括号内的结果若不是布尔类型时,会发生隐式转换转为布尔类型

双分支if语法:


多分支if语法:

先判断条件1,若满足条件1就执行代码1,其他不执行 若不满足则向下判断条件2,满足条件2执行代码2,其他不执行 若依然不满足继续往下判断,依次类推 若以上条件都不满足,执行else里的代码n 注:可以写N个条件,但这里演示只写2个

三元运算符

先判断条件1,若满足条件1就执行代码1,其他不执行 若不满足则向下判断条件2,满足条件2执行代码2,其他不执行 若依然不满足继续往下判断,依次类推 若以上条件都不满足,执行else里的代码n 注:可以写N个条件,但这里演示只写2个

三元运算符的常用场景

1 用于获取一个值

  1. 用一片进行一个处理 ,但是处理只能是一句代码
条件? 满足条件执行的代码 : 不满足条件执行的代码

断点调试

​ 作用:学习时可以帮助更好的理解代码运行工具,

​ 浏览器打开调试界面

​ 1.按F12打开开发者工具

​ 2.点到sources一栏

​ 3.选择代码文件

断点:在某句代码上加的标记就叫断点,当程序执行到这句有标记的代码时会在暂停下来.

while循环

目标: 掌握while循环语法,能重复执行某段代码

while 循环

语法:

while(循环条件){
    
    	要重复执行的代码(循环体)
      }

1.变量起始值

2.终止条件(没有终止条件,循环会一直执行)

let  i=1;
while(i<=5){
console.log(i);
i++
}

循环案例

​ 从1加到100之和

let sum=0;
let i=1
while(i < =100){
      		sum+=i
    		i++
      }
console.log(sum)

计算1-100之间的所有偶数和

let sum =0
let i =1
while(i<=100){
	if(i%2== 0){
       sum+=1
       }
    i++
}
console.log(sum);