算数运算符-流程控制-三元表达式-分支语句

liko0403

已于 2022-04-07 10:25:13 修改

阅读量874

点赞数

分类专栏： JavaScript 文章标签：前端 javascript

于 2022-04-02 19:57:04 首次发布

本文链接：https://blog.csdn.net/weixin_42533892/article/details/123917126

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

常见运算符：

算术运算符：

注：浮点数在运算时会出现问题（精度有问题），不要直接判断两个浮点数是否相等

算术运算符优先级，先乘除，后加减，有小括号先算小括号里面的

表达式：是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合表达式最终都会有一个结果，返回给我们，我们称作返回值

递增、递减运算符

必须和变量配合使用，单独使用时，前置自增和后置自增是一样的，但是和其他代码连用时，结果会不同。

注意区分：

比较运算符

返回的是布尔值，

注意：
NaN 表示不是一个数字
console.log(NaN == NaN); //false
console.log(NaN === NaN); //false

= 赋值，把右边给左边

== 判断，左右是否相等会把字符串数据转换成数字型，看值是否相等

=== 全等，不仅比较值，而且比较数据类型

逻辑运算符

(梦回数电，谁能想到我是在准备考试，自学数电的时候学会了进制转换和与或非门呢哈哈？)

逻辑与&& 全真则真，一假则假

逻辑或|| 全假则假，一真为真

逻辑非! 取反，真假对立

短路运算：当有多个表达式（值）时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值;

逻辑与：表达式1&&表达式2

第一个为真则返回第二个表达式；第一个为假，则返回第一个表达式。

逻辑或：表达式1||表达式2

第一个为真，则返回第一个表达式；第一个为假，则返回第二个表达式。

例：num=0,因为123为真，则不执行后面的了

赋值运算符

运算符优先级：

一元运算符里面的逻辑非优先级很高，逻辑与比逻辑或优先级高

流程控制：

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

分支结构

1.分支流程结构之if语句

// 条件成立执行代码，否则什么也不做

if ( 条件表达式 ) {

// 条件成立执行的代码语句

}

进入网吧案例

         //弹出 prompt 输入框，用户输入年龄， 程序把这个值取过来保存到变量中
        // 使用 if 语句来判断年龄，如果年龄大于18 就执行 if 大括号里面的输出语句
        var age = prompt('请输入您的年龄:');
        if (age >= 18) {
            alert('欢迎');
        }

2.分支流程控制之if else语句

// 条件成立执行 if 里面代码，否则执行else 里面的代码

if ( 条件表达式 ) {

// [如果] 条件成立执行的代码

} else {

// [否则] 执行的代码

}

判断闰年案例：

//算法：能被4整除且不能整除100的为闰年（如2004年就是闰年，1901年不是闰年）或者能够被400 整除的就是闰年
//弹出prompt 输入框，让用户输入年份，把这个值取过来保存到变量中
//使用 if 语句来判断是否是闰年，如果是闰年，就执行 if 大括号里面的输出语句，否则就执行 else
里面的输出语句
//一定要注意里面的且 && 还有或者 || 的写法，同时注意判断整除的方法是取余为 0
 var year = prompt('请您输入年份：');
        if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
            alert('您输入的年份是闰年');
        } else {
            alert('您输入的年份是平年');
        }

3.多分支语句

// 1. 多分支语句就是利用多个条件来选择不同的语句执行得到不同的结果多选1 的过程

// 2. if else if语句是多分支语句

// 3. 语法规范

if (条件表达式1) {

// 语句1;

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

// 语句2;

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

// 语句3;

} else {

// 最后的语句;

}

 var age = +prompt('请输入你的年龄 来判断是否能上网');
        if (age >= 18) {
            // 可以上网
            // 下面一句语法 :可以把内容输出到浏览器上（先认识，后面会继续深入讲解）
            // document.write('条件符合，欢迎光临');
            document.write('<p style="color:red; font-size:30px;">条件符合，欢迎光临</p>');
        } else {
            document.write('<div style="color:hotpink; font-size:36px;">回家好好学习 day day up</div>');
        }

三元表达式

如果表达式1为 true ，则返回表达式2的值，如果表达式1为 false，则返回表达式3的值

简单理解：就类似于 if else （双分支）的简写

数字补0案例：

          // 用户输入0~59之间的一个数字
        // 如果数字小于10，则在这个数字前面补0,（加0 拼接） 否则  不做操作
        // 用一个变量接受这个返回值，输出var num = prompt('请输入从0到59之间的数字');
        var reasult = num >= 10 ? num : '0' + num;
        alert(reasult);

Switch语句：

 // 1. switch 语句也是多分支语句 也可以实现多选1
        // 2. 语法结构 switch 转换、开关  case 小例子或者选项的意思
        switch (表达式) {
            case value1:
                执行语句1;
                break;
            case value2:
                执行语句2;
                break;
                ...
                default:
                    执行最后的语句;
        }
        // 3. 执行思路  利用我们的表达式的值 和 case 后面的选项值相匹配 如果匹配上，就执行该case 里面的语句  如果都没有匹配上，那么执行 default里面的语句