JS03-运算符、JS的语句、表达式、if条件判断语句

一、赋值运算符

1. 赋值运算符

var a=1;

var b=2;
var a=b;
    
2. 复合赋值运算符
是一种简写,假设别人这样写了,自己可以看得懂
//+=
var a=1;
	a+=1;
	//等价于
    a=a+1; 
//-=
var b=3;
	b-=4;//b=b-4;
// *=
var b=4;
	b*=5;//b=b*5;  20
// /=
var b=4;
	b/=2;//b=b/2;  2
// %=
var b=4;
	b%=2;//b=b%2;// 0

二、字符串拼接运算符 +

在JS中+有2个意思,一个是加法,一个是拼接

var a="1";
var b=1;
var c=a+b;//"11"
//规律:只要其中一个是字符串类型,与其他进行运算都会被同化成字符串(即拼接)
true+"2";//"true2"
"你好"+"七一";//"你好七一"
var a=undefined;
var b=""
var c=a+b;//"undefined"

三、比较运算符

作用:比较运算符用来测定变量或值是否相等。

结果:返回布尔值,即true或false

目的:为即将要学习的if语句做条件判断使用(当做条件来使用)

/*主要有如下这些:
	>,<,>=,<=,!=,==,===,!==
*/
var a=3;
var b=4;
var c=3>4;//c=false
var d=a>=3;//d=true;

var d=10

var a=10;
var b="10";
var c = a==b;//c=true
var d= a===b;//c=false;
==和===的区别
前者只要值相等即可,不要求类型相等,后者表示值和类型都要一样(后者)
!= 和 !==的区别同上

//比较运算符除了数字之间可以进行比较,还可以对任意类型的变量进行比较
英文之间进行比较,则安装26个字母的顺序进行排序,即a最小,z最大,如果是大写,则小写的比大写的字母要大

"a">"b";//false 

var a=undefined;
var b=null
var c=a==b;//true
var d=a===b;//false

//中文之间也可以比较,按照Unicode编码是顺序来的,utf-8
"张">"李" ;//false
"张三">"李四";//false

四、逻辑运算符

作用:逻辑运算符用来测定变量和值中的逻辑。

返回值:也是布尔值,true,false

使用场景:主要用于即将要学习的if语句中

  1. 逻辑与

    所有的条件都成立,则为true,只要有一个为false,则都为false

    快速记忆:找假(只要有一个为假,则整个都为假)

    条件1 && 条件2
    //至少要接2个条件, 条件一般是使用上面的比较运算符来写的
    
    //如果张三成年了,并且是男生才可以去网吧
    var age=19;
    var sex="男";
    age>=18&&sex=="男"
    因为
      19>=18 && "男"=="男"
    所以
    	true  &&  true
    所以整个即为true
    //成绩在80-90之间则为优秀
    var cj=70;
    cj>=80&&cj<=90//   90<=cj>=80
    85>=80&&85<=90
       true && true ==> true
    	false && false==>false
    
  2. 逻辑或

    只要有一个条件成立,则整个都成立

    快速记忆:找真(只要有一个为真,则整个为真)

    条件1 || 条件2;
     true || false;//true
    //如果张三成年了,或者他是男生才可以去网吧
    var age=17;
    var sex="男";
    age>=18||sex=="男"
      false || true -->true
    
    
  3. 逻辑非

    取反,即真的变假的,假的变真的。

    var a=true;
    var b=!a;//false;
    var age=19;
    var f=!age>18;//false
    
    

五、表达式+语句

  1. 表达式

    能够得到结果的式子即为表达式。

    大白话:只要包含了运算符的即可认为是表达式。

    var a=1;
    	a+=2;//表达式
    a+b;//表达式;
    a>b;//表达式  布尔值
    a!=b;//表达式
    
  2. 语句

    JS的语句:可以被计算机识别和执行的一条完整的指令。

    如何写才算语句?

    一般由变量、表达式、js的关键字组成都可以认为是一条语句。

    var a=1;//语句
    a>b;//语句
    //语句结束后一般用分号结束(可选),如果不写,则需要换行,
    //写完了必须添加分号:代码规范的问题
    var a=1  
    var b=2
    ---
    var a=1; var b=2;    
    //
    变量的声明和赋值、表达式是最简单的语句。
    
    多条语句之间可以用分号或者换行隔开。
    
    加了分号后,可以将多条语句写在一行。
    
    推荐都要加分号而不是换行来结束语句。(代码书写规范)
    

六、if语句

条件判断语句,可以改变代码的执行顺序。之前的代码是从上到下从左到右执行,现在可以通过if语句有选择的执行某些语句,跳过其他语句。

一般完成二选一,多选一等操作

  1. if语句
//语法,写法
if(条件表达式){
    //满足条件表达式时要执行的语句
    //这里的代码是否执行,要取决于if的条件表达式是否为true,如果为true,则执行这里被包裹的代码,否则不执行
}
//比如:
var age=17;
if(age>=18){
 	alert("你可以去网吧");  
 }
  1. if- else语句(二选一)
    //先看看if的条件是否成立,如果成立,则执行if里面的{}代码,如果不成立,则执行else{}里面的语句
    if(条件){
       //条件满足时会执行的代码
    }else{
       //条件不满足时执行的代码
    }
    
  2. if-else-if -else的使用(多选一)
    if(条件1){
       //先看条件1是否成立,如果成立,则执行这里的代码,否则,看条件2
    }else if(条件2){
      //如果条件2成立,则执行这里的语句,否则直接执行else语句
    }
    else{
       //如果以上都不满足,则默认自动执行这里的代码 
    }
    //如果要做到更多的选择,就多写几个else if()
    

七、让用户自己输入内容的方法prompt

var 变量=prompt("请输入内容");
//prompt会弹出一个带输入框的弹出框,点击确定后用户输入的内容会返回给变量保存

 

今日单词

  1. if 如果
  2. else 否则
  3. prompt 提示
除特别声明外, 本站所有内容皆为原创,未经许可,禁止转载。转载时请务必以超链接形式标明文章出处和作者信息
  • 886
(0)
打赏 微信扫一扫 微信扫一扫
                       

关于作者:

web前端老罗

贡献:已经在WEB前端圈发表90篇文章了

简介:前端老罗是一位拥有多年web前端开发经验、管理经验、教学经验的实战派全栈工程师。目前在某名企任职WEB前端技术教官。加我微信:imqdcnn可提供开发、技术咨询、答疑、直播讲座等服务

Ta的专栏 | Ta的站点 | 其他SNS

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关于WEB前端圈

我是前端人(imqd.cn)愿景是不管你是想学习前端还是一名专业的WEB前端工程师在这里都能找到你想要的物料。定位为前端人学习进步的一个平台。在这里你能找到前端学习笔记、教学视频资源、案例、前后端分离、前端框架、低代码平台、可视化数据、多端开发、全栈开发等跟前端有关的一切资源!

关于站长:WEB前端老罗(罗老师)是一位拥有多年web前端开发经验、管理经验、IT培训教学经验的实战派全栈工程师。目前在某名企任职WEB前端技术教官。右边加我微信可提供开发、技术咨询、答疑、直播讲座等服务

WEB前端圈二维码

右边添加老罗微信一对一免费私聊
拉你加入官方微信答疑群

To top