首页 > 其他分享 >CH03_JS运算符

CH03_JS运算符

时间:2024-07-03 09:57:21浏览次数:19  
标签:10 ++ CH03 JS 运算符 num var true

第3章:JavaScript运算符

本章目标

  1. 掌握赋值运算符
  2. 掌握算术运算符
  3. 掌握比较运算符
  4. 掌握逻辑运算符
  5. 掌握复合运算符

课程回顾

  1. 什么是变量?
  2. 变量的使用步骤?
  3. 声明变量用什么关键字?
  4. 变量名命名规则是什么?
  5. JavaScript中的数据类型有那些?

讲解内容

1. 赋值运算符

  1. 概念:向变量赋值,将右边的值赋值给左边的变量

  2. 语法:

    var 变量名=值;

    变量名=值;

  3. 例如:

    var name="张三";
    var age=20;
    score=90;
    

2. 算术运算符

  1. 概念:算数运算符用于对数字执行算数运算,又称:数学运算符

    在这里插入图片描述

  2. 例如:

    var num1=10;
    var num2=5;
    
    var jia=num1+num2;//15
    var jian=num1-num2;//5
    var cheng=num1*num2;//50
    var chu=num1/num2;//2
    var yu=num1%num2;//0,取余数
    

    在这里插入图片描述

    注意:

    1. 被除数不能变0,上例的num2=0;结果则为:Infinity,代表无穷的意思

    在这里插入图片描述

  3. ++、–运算符

    1. ++运算符:

      概念:递增运算符,每次加1

      var num=10;
      num++;//相当于:num=num+1;
      console.log(num);//结果为11,在num=10的基础上加1
      

      注意事项:

      同时使用变量和递增运算符时,根据++的位置计算结果是不一样的。

      1. ++变量名:++在变量名前面

        var num=10;
        console.log(++num);//结果为11,先计算+1,再控制台输出结果
        
      2. 变量名++:++在变量名后面

        var num=10;
        console.log(num++);//结果为10,先控制台输出结果,再计算+1
        console.log(num);//结果为11
        
    2. –运算符:

      概念:递减运算符,每次减1

      var num=10;
      num--;//相当于:num=num-1;
      console.log(num);//结果为9,在num=10的基础上减1
      

      注意事项:

      同时使用变量和递增运算符时,根据++的位置计算结果是不一样的。

      1. –变量名:–在变量名前面

        var num=10;
        console.log(--num);//结果为9,先计算-1,再控制台输出结果
        
      2. 变量名–:–在变量名后面

        var num=10;
        console.log(num--);//结果为10,先控制台输出结果,再计算-1
        console.log(num);//结果为9
        

3. 复合赋值运算符

  1. 概念:将算术运算符和赋值运算符组合

  2. 例如:var num+=10;

    var num+=10;

    相当于:

    var num=num+10;

  3. 常用的复合赋值运算符:

在这里插入图片描述

  1. 例子如下图:

在这里插入图片描述

4. 比较运算符

  1. 概念:比较运算符在逻辑语句中使用,以测定变量或值是否相等,返回结果肯定是Boolean类型

    在这里插入图片描述

  2. 例子如下:

在这里插入图片描述

  1. 详细讲解

    1. ==比较运算符,比较值是否相等,不考虑数据类型,案例如下:
    var num=10;
    console.log(num==10);//true
    console.log(num=="10");//true,num为number类型,“10”为字符串类型,但是不考虑类型直接比较内容
    console.log(num=="11");//false
    
    1. ===比较运算符,绝对等于,也就是说值和数据类型都要相同
        <script>
           var num=10;
           console.log(num==10);//true
           console.log(num==="10");//false,类型不匹配
           console.log(num=="11");//false
        </script>
    

    在这里插入图片描述

    1. ?三元运算符:基于某些条件对变量进行赋值的条件运算符

      语法:

      variablename=(condition)?value1:value2

      var 变量名=比较表达式?值1:值2;

      解释:

      比较表达式如果返回结果为true,则值1赋值给变量,否则值2赋值给变量

      例如:

      如果变量 age 中的值小于 18,则向变量 voteable 赋值 “年龄太小”,否则赋值 “年龄已达到”。

      var voteable=(age<18)?“年龄太小”:“年龄已达到”;

5. 逻辑运算符

  1. 概念:逻辑运算符用于判定变量或值之间的逻辑。也是将多个比较运算结果组合成新的条件结果。

    在这里插入图片描述

  2. 详细讲解

    1. &&:逻辑与

      理解:

      多个条件全部为true,则为true,只要有一个条件不满足为false,则后面的所有条件都不会判断,直接返回false.

      简单说:全部为true返回结果为true

      例如:

      案例1:
      var a=10;
      var b=11;
      var isTrue=a>10 && b>10;//返回结果为false
      案例2:
      var a=10;
      var b=11;
      var isTrue=a>=10 && b>10;//返回结果为true
      

      解释以上代码:

      案例1:因为a=10,a的值为10,那么a>10返回false,就算b>10为true,返回结果还是为false

      案例2:a>=10返回结果为true,b>10返回结果也为true,两个条件都为true,则返回结果为true

      思考如下题目,且分析:

      1. 题目一:如下代码,请问isTrue为true还是false,变量a,b,c的值分别是多少?为什么?
          <script>
              var a=10;
              var b=11;
              var c=11;
      
              var isTrue=a++>=b && ++b>c--;
              console.log("isTrue:"+isTrue+",a="+a+",b="+b+",c="+c);
          </script>
      
      1. 题目二:如下代码,将a++变成了++a,请问isTrue为true还是false,变量a,b,c的值分别是多少?为什么?
          <script>
              var a=10;
              var b=11;
              var c=11;
      
              var isTrue=++a>=b && ++b>c--;//将++放在a前面,结果又是什么?
              console.log("isTrue:"+isTrue+",a="+a+",b="+b+",c="+c);
          </script>
      
    2. ||:逻辑或

      理解:

      只要满足一个条件为true,则结果就为true,所有条件为false才能为false,在比较过程,只要有一个条件满足为true,则后面的条件不再进行比较。

      简单说:全部条件为false,才能是false

      例如:

      案例1:
      var a=10;
      var b=11;
      var isTrue=a>10 || b>10;//返回结果为true,因为b>10返回为true,结果则为true
      案例2:
      var a=10;
      var b=11;
      var isTrue=a>10 || b<10;//返回结果为false,两个比较都返回为false,则结果为false
      

      思考如下题目,且分析:

      1. 题目一:如下代码,请问isTrue为true还是false,变量a,b,c的值分别是多少?为什么?
          <script>
              var a=10;
              var b=11;
              var c=11;
      
              var isTrue=a++>=b || ++b>c--;
              console.log("isTrue:"+isTrue+",a="+a+",b="+b+",c="+c);
          </script>
      
      1. 题目二:如下代码,将a++变成了++a,请问isTrue为true还是false,变量a,b,c的值分别是多少?为什么?
          <script>
              var a=10;
              var b=11;
              var c=11;
      
              var isTrue=++a>=b || ++b>c--;//将++放在a前面,结果又是什么?
              console.log("isTrue:"+isTrue+",a="+a+",b="+b+",c="+c);
          </script>
      
    3. !:逻辑非

      理解:比较结果为true,则返回最终结果为false,比较结果为false,则返回最终结果为true

      简单理解:取反

      例如:

      var a=10;
      var b=11;
      var isTrue=!(a>b);//结果为true
      var isTrue2=!(a<b);//结果为false
      

6. 连接运算符+

  1. 概念:

    运算符用于把文本值或字符串变量加起来(连接起来)。

    如需把两个或多个字符串变量连接起来,请使用 + 运算符。

  2. 实例:

    如需把两个或多个字符串变量连接起来,请使用 + 运算符:

    txt1=“What a very”;
    txt2=“nice day”;
    txt3=txt1+txt2;

  3. 两个数字相加,返回数字相加的和,如果数字与字符串相加,返回字符串,如下实例:

    x=5+5;//二个数字为相加,则做加法运算,结果为:10
    y="5"+5;//字符串和数据相加,则做连接,结果为:55
    z="Hello"+5;//与上一样
    
    x,y, 和 z 输出结果为:
    10
    55
    Hello5
    

课后作业

1.怎么判定为闰年(true)比如2004,1901平年(false),使用逻辑运算符
算法:能被4整除“且”不能整除100“或者”能整除400的为闰年

2.如果你的钱(monty)大于100000,就可以娶媳妇,否则单身

3.小明和妈妈约定,期末考试如果“语文”和“数学”都满90分,母亲就带她去玩,否则回家补课。

4.小明考试各科及格分数线,数学65以上,语文60以上,英语80以上

5.输入一个今天温度,输入一个明天温度,今天温度比明天温度是增多了还是减少了

6.风扇顺时针转一圈360度,然后又逆时针转114.8度,又顺时针转33度他最后转了多少度。

7、高速路上限速80,按照你输入的速度是否超速

8、输入一个输大于或等于10就打印你所输入数,如果小于10就在前面增加0

9、当前水杯的水是100毫升,根据你输入的数是增加了或减少了多少

10.设酒驾阈值为80,通过输入酒精度数判断是否酒驾

11.输入两个数,依次输出两个数,和,差,积,商

12.你要购买汽油,通过输入(5号或7号)进行选择汽油类型,在输入想要购买多少汽油(以升为单位)
5号10元每升,7号15元每升。如果购买超过或等于10升,那么5号或7号汽油每升减少2元
请计算出消费余额.

13.输入长方形的长和宽,计算其周长和面积。

14.输入圆的半径,计算其周长和面积。

15.黄林超在银行存了1000元,年利率为3%,请问3年后他的本息和共多少钱?

16.有一堆香蕉共26根,邓家远每天吃掉一半再多吃一根,请问吃了3天后还剩多少?

17.李成志把一个篮球从6楼扔下,篮球每次回弹的距离为上一次掉落距离的一半,请问第三次回弹的高度是多少?(楼房单层高度为4m)

9、当前水杯的水是100毫升,根据你输入的数是增加了或减少了多少

10.设酒驾阈值为80,通过输入酒精度数判断是否酒驾

11.输入两个数,依次输出两个数,和,差,积,商

12.你要购买汽油,通过输入(5号或7号)进行选择汽油类型,在输入想要购买多少汽油(以升为单位)
5号10元每升,7号15元每升。如果购买超过或等于10升,那么5号或7号汽油每升减少2元
请计算出消费余额.

13.输入长方形的长和宽,计算其周长和面积。

14.输入圆的半径,计算其周长和面积。

15.黄林超在银行存了1000元,年利率为3%,请问3年后他的本息和共多少钱?

16.有一堆香蕉共26根,邓家远每天吃掉一半再多吃一根,请问吃了3天后还剩多少?

17.李成志把一个篮球从6楼扔下,篮球每次回弹的距离为上一次掉落距离的一半,请问第三次回弹的高度是多少?(楼房单层高度为4m)

标签:10,++,CH03,JS,运算符,num,var,true
From: https://blog.csdn.net/m0_37631902/article/details/140122391

相关文章

  • 【文档+源码+调试讲解】jspm宠物论坛设计网站
    摘 要宠物论坛设计网站采用B/S模式,促进了宠物论坛设计网站的安全、高效、快捷的发展。传统的管理模式还处于手工处理阶段,管理效率极低,随着用户的不断增多,传统基于手工管理模式已经无法满足当前用户需求,随着信息化时代的到来,使得宠物论坛设计网站的开发成了必然。本网站系......
  • 1367java jsp SSM留学生交流互动论坛网站系统经验分享计划分享软件推荐网址推荐标签分
     项目技术:SSM+Maven+Vue等等组成,B/S模式+Maven管理等等。环境需要1.运行环境:最好是javajdk1.8,我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境:IDEA,Eclipse,Myeclipse都可以。推荐IDEA;3.tomcat环境:Tomcat7.x,8.x,9.x版本均可4.硬件环境:windows7/8/1......
  • 287java jsp SSM旅游信息网站系统旅游景点管理(源码+文档+PPT+运行视频+讲解视频)
     项目技术:SSM+Maven+Vue等等组成,B/S模式+Maven管理等等。环境需要1.运行环境:最好是javajdk1.8,我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境:IDEA,Eclipse,Myeclipse都可以。推荐IDEA;3.tomcat环境:Tomcat7.x,8.x,9.x版本均可4.硬件环境:windows7/8/1......
  • 1187java jsp SSM列车火车高铁票务信息管理系统(源码+文档+PPT+运行视频+讲解视频)
     项目技术:SSM+Maven+Vue等等组成,B/S模式+Maven管理等等。环境需要1.运行环境:最好是javajdk1.8,我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境:IDEA,Eclipse,Myeclipse都可以。推荐IDEA;3.tomcat环境:Tomcat7.x,8.x,9.x版本均可4.硬件环境:windows7/8/1......
  • 282java jsp SSM公司活动报名居家办公考勤请假系统员工请假体温上报设备申请员工工资
    项目技术:SSM+Maven+Vue等等组成,B/S模式+Maven管理等等。环境需要1.运行环境:最好是javajdk1.8,我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境:IDEA,Eclipse,Myeclipse都可以。推荐IDEA;3.tomcat环境:Tomcat7.x,8.x,9.x版本均可4.硬件环境:windows7/8/10......
  • C/C++ sizeof 运算符注意事项
    sizeof 运算符在C/C++中用于获取变量或类型所占的内存大小(以字节为单位)。尽管 sizeof 是一个相对简单直接的运算符,但在使用时还是需要注意一些细节和特殊情况,以避免误解或错误。以下是一些使用 sizeof 运算符时需要注意的事项:数据类型大小:sizeof 返回的是变量或类型在......
  • vscode setting.json 设置
    常见配置参考{"editor.fontSize":20,//编辑器字体大小"terminal.integrated.fontSize":18, //terminal框的字体大小"editor.tabSize":2,//Tab的大小2个空格"editor.formatOnSave":true,//保存是格式化"prettier.singleQuote"......
  • tsconfig.json 配置
    tsconfig.json"compilerOptions":{"incremental":true,//TS编译器在第一次编译之后会生成一个存储编译信息的文件,第二次编译会在第一次的基础上进行增量编译,可以提高编译的速度"tsBuildInfoFile":"./buildFile",//增量编译文件的存储位置"diagnostics":true,/......
  • Python 语法 - 海象运算符:=
    前言海象运算符的英文原名叫AssignmentExpresions,即赋值表达式。是Python3.8新增的语法:=,在PEP572中提出。海象运算符之所以叫这个名字是因为这个符号就像是一个海象逆时针90°倒过来一样,符号为一个冒号接着一个等号,是:=这样的。用于条件表达式海象运算符由一个:......
  • cJSON:构建JSON
    使用cJSON库构建比较简单的JSON类型:create_json.c#include<stdio.h>#include<string.h>#include<stdlib.h>#include"cJSON.h"staticintcreate_json_type_1(void){char*json_str=NULL;cJSON*root=NULL;root=cJSON_Cre......