Js02天---流程控制(运算符、if分支、while循环)

算数运算符

1.加法 +
2.减法 -
3.乘法 * 星号
4.除法 / 反斜杠
5.取余(取模) % 百分比
开发用法:判断某个数字是否能被整除

    // 加法
    console.log("1 + 2 :", 1 + 2); //3
    // 减法
    console.log("1 - 2 :", 1 - 2); //-1
    // 乘法
    console.log("2 * 2 :", 2 * 2); //4
    // 除法
    console.log("4 / 2 :", 4 / 2); //2
    // 取余
    console.log("4 % 2 :", 4 % 2); //0
    console.log("3 % 2 :", 3 % 2); //1

算数运算优先级顺序:先乘除后加减,有括号先算括号,优先级相同从左到右计算。取余也包括上。

赋值运算符

对变量赋值时进行快速操作
+=
-=
*=
/=
%=


一元运算符

++ 让变量的值 +1
-- 让变量的值 -1
作用:经常用于计数来使用。 比如进行10次操作,用它来计算进行了多少次了
前置递增 ++num,其作用相当于 num += 1
后置递增num++,其作用相当于 num += 1

递增的运算以及理解

前置自增和后置自增单独使用没有区别,如果一起使用就有区别
前置自增:先自加再使用,先自加1,再返回值,理解为一个表达式。num= num + 1,如果num=1返回的值是2
后置自增:先使用再自加 ,先返回原值,再自加一,理解为num++是一个原值(整体),然后程序再输出一次num++的话,此时的num就比上一个num多1

比较运算符

返回值是布尔型

: 左边是否大于右边
<: 左边是否小于右边
=: 左边是否大于或等于右边
<=: 左边是否小于或等于右边
==: 左右两边是否相等,将两边的数据进行转换为数值
===3: 左右两边是否类型和值都相等
3!==: 左右两边是否不全等

字符串的比较,是比较对应的ASCII码
从左到右比较,第一位一样再比较第二位,以此类推。

NaN不等于任何值,包括它本身

尽量不要比较小数,因为小数有精度问题,前端进行计算的时候,用计算函数库(别人给我们写好的一系列函数)

不同类型之间比较会发生隐式转换

!!:两次取反的作用,把数据类型转换为布尔型

逻辑运算符

&&---逻辑与---并且---两边都为true才为true---一假则假
||---逻辑或---或者---符号两边有一个是真的即为真---一真则真
!---逻辑非---取反---true变false,false变true---真变假,假变真

逻辑上为假的数据有:false、null、undefined、“”、0、NaN
逻辑上为真的数据有:true,数值(0以外)Array

逻辑运算符用来解决多重条件判断

逻辑运算符的短路:只存在于&&跟||中,当满足一定条件会让右边代码不执行

运算符优先级:
口诀:计算比较判断逻辑
一元运算符里面的逻辑非优先级最高
先算与,再算或


表达式和语句

语句:JS整句或命令,用来描述一件事情,代码量较多,如if或者for语句。
表达式:表达式通常会在原地返回一个值; 代码较短。
区别:表达式计算出一个值,但语句用来自行以使某件事发生(做什么事)

分支语句

程序三大执行语句
1.从上到下按顺序执行
2.根据条件选择执行代码,这种叫做分支结构
3.某段代码被重复执行,就叫循环结构

if语句

单分支:
语法: if (条件) {满足条件时执行的代码}
双分支:

    let name = prompt("请输入您的姓名")
    if (name = "刘德华") {
      alert("能给我签名吗?")
    } else {
      alert("爬")
    }

多分支语句:

    let time = prompt("请输入时间")
    if (time < 12) {
      alert("上午好")
    } else if (time < 18) {
      alert("下午好")
    } else if (time < 21) {
      alert("晚上好")
    } else {
      alert("赶紧睡觉")
    }
三元运算符

是比if双分支更简单的写法,也叫三元表达式(三元:需要三个操作数,表达式:会返回一个值)
符号?跟:配合使用
语法::条件?满足条件执行的代码:不满足条件执行的代码
一般用来取值

      let a = prompt("请输入第一个数字");
      let b = prompt("请输入第二个数字");
      console.log(a > b ? a : b);

循环语句

1.断点调试

掌握断点调试方法,学会通过调试检查代码
方法:
1.浏览器打开调试界面
2.按F12打开开发者工具
3.点到sources一栏
4.选择代码文件
断点:在某句代码上加的标记就叫断点,当程序执行到这句有标记的代码时会暂停下来

2.while循环

循环:重复执行某段代码, 而 while : 在…. 期间
1-跟if语句很像,都要满足小括号里的条件为true才会进入执行代码
2-while大括号里代码执行完毕后不会跳出,而是继续回到小括号里判断条件是否满足,若满足又执行大括号里的代码,然后再回到小括号判断条件,直到括号内条件不满足,即跳出

循环需要具备三要素:
1.变量起始值
2.终止条件(没有终止条件,循环会一直执行,造成死循环)
3.变量变化量(用自增或者自减)

语法:

      // 在页面中打印输出10句“月薪过万”
      let times = 10;
      while (times--) {
        console.log("月薪过十万", times);
      }
      // 页面输出1-100
      let i = 1;
      while (i <= 100) {
        console.log(i);
        i++;
      }
      // 计算从1加到100的总和并输出
      let j = 1,
        sum = 0;
      while (j <= 100) {
        sum += j;
        j++;
      }
      console.log(sum);
      // 计算1-100之间的所有偶数和
      let k = 1,
        sum2 = 0;
      while (k <= 100) {
        if (k % 2 === 0) {
          sum2 += k;
        }
        k++;
      }
      console.log(sum2);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容