JavaScript 运算符与逻辑分支

2023年6月4日 128次阅读 来源: Twait

运算符

一元运算符

只能操纵一个值的运算符叫做一元运算符

//后取值 先实行运算, 再取值
//前取值 先取值, 再实行运算
 前自加：
  var x=5;
  var num1=++x;  // 相当于x=x+1; var num1=x;
  console.log('num1='+num1+'  x='+x);  //num1=6  x=6

  后自加:
  var x=5;
  var num2=x++;  // 相当于 var num2=x; x=x+1;
  console.log('num2:'+num2+'  x:'+x);  //num2=5  x=6

  前自减：
  var x=5;
  var num3=--x;  //相当于 x=x-1; var num3=x;
  console.log('num3='+num3+'  x='+x);  //num3=4  x=4

  后自减
  var x=5;
  var num4=x--;  //相当于 var num4=x;  x=x-1;
  console.log('num4='+num4+'  x='+x);  //num4=5  x=4

其他范例运用一元运算符的划定规矩

var b = '89';
b++; //90,数值字符自动转换成数值
var b= 'ab';
b++; //NaN,字符串包含非数值转成NaN
var b = false;
b++; //1,false转成数值0,累加就是1
var b = 2.3;
b++; //3.3,直接加1

赋值运算符

赋值运算符用即是号(=)示意，就是把右侧的值赋给左侧的变量。
复合赋值运算符经由历程 x=的情势示意，x 示意算术运算符。
如: +=, -=, *=, /=, %=等

  =   即是    x=2;
  +=  加即是  x+=3; 等同于x=x+3;
  -=  减即是  x-=3; 等同于x=x-3;  
  *=  乘即是  x*=3; 等同于x=x*3;
  -=  除即是  x/=3; 等同于x=x/3;
  %=  余即是  x%=3; 等同于x=x%3;

关联运算符

用于举行比较的运算符称作为关联运算符

关联运算符的比较划定规矩:

  1. 数字和数字比较, 直接比较大小
  2. 数字和字符串比较, 字符串转换为数字后再比较
  3. 字符串和字符串比较, 举行字符的ASCII码值比较

比较注重事项:

  1. 布尔值 ture=1, false=0
  2. 含有NaN的运算都为false，undefined 和null 都不即是0或许flase
  3. 假如要恒等, 则必需值和范例都要相称;
> 大于  若左侧数据大于右侧数据，返回 true，不然返回 false。 
3>2 //true

< 小于  若左侧数据小于右侧数据，则返回布尔值true，不然返回false。  
2<3 //true

>=  大于即是  若左侧数据大于或即是右侧数据，返回 true，不然返回 false。 
2>=2 //true
3>=2 //true

<=  小于即是。若左侧数据小于或即是右侧数据，返回 true，不然返回 false。
2<=2  //true
2<=3  //true

==  相称  若两数据大小相称，返回 true，不然返回 false
2==2 //true
2=='2' //true

!=  不等  若两数据大小不相称，返回 true，不然返回 false。 
2!=5 //true

=== 全等(恒等) 若两数据大小和数据范例都相称，返回 true，不然返回 false。
55==='55' //false
55===55  //true

!== 不全等(不恒等) 若两数据大小或数据范例不相称，返回 true，不然返回 false。
55!=='55' //true
55!==55  //false=0

布尔值 ture=1, false=0
false == 0   //true
true == 1    //true 
true == 2    //false

undefined 是派生自 null 的,两个数据大小相称，数据范例不等。
null == undefined  //true
null === undefined //false

含有NaN的运算都为false
'NaN' == NaN  //false
5 == NaN     //false
NaN == NaN   //false

undefined 和null 都不即是0，flase 
null == 0    //false
null == false    //false

undefined == 0    //false
undefined == false    //false

逻辑运算符

逻辑运算符平常用于布尔值的操纵，平常和关联运算符合营运用，有三个逻
辑运算符： 逻辑与&&(AND)、逻辑或||(OR)、逻辑非!(NOT)。

&& 逻辑与:
假如第一个操纵数返回是 false，第二个数不管是true照样false都邑返回false。
即标记双方的操纵数为真，返回true，不然返回false。

var flag=(true) && (true)   //true
var flag=(false) && (true)  //false
var flag=(false) && (false)  //false

|| 逻辑或：
假如第一操纵数的求值效果为 true，第二个数不管是true照样false都邑返回true。
即标记双方的操纵数同时为假，返回false，不然返回true。

var flag=(false) || (false)  //false
 var flag=(true) || (true)    //true
 var flag=(true) || (false)   //true

! 逻辑非:
逻辑非运算符能够用于任何值。不管这个值是什么数据范例，这个运算符都邑返
回一个布尔值。它的流程是：先将这个值转换成布尔值，然后取反，划定规矩以下：

操纵数为真，返回false，不然返回true
var flag=!(true);   //false
var flag=!(false);  //true

操纵数是一个空字符串, 返回true; 非空字符串, 返回false
var flag=!('')     //true
var flag=!('test') //false

操纵数是数值0, 返回true; 恣意非0数值(包含 Infinity),返回false
var flag=!(0) //true
var flag=!(1)  //false

操纵数是NaN, 返回true
var flag=!(NaN) //true

操纵数是undefined, 返回true
var flag=!(undefined) //true

字符串运算符

字符串运算符: 字符串运算符只要一个，即：“+”。
它的作用是将两个字符串相加。 划定规矩：最少一个操纵数是字符串

var result1='hello'+'world'; // 两个都是字符串, 直接衔接两个字符串
console.log(result1); //helloworld
console.log(typeof result1);   

//假如个中有一个是字符串, 另一个是其他范例, 则会先将其他的范例强迫转换成字符,然后再衔接
var result2='hello'+2; 
console.log(result2); //hello2
console.log(typeof result2);

三目运算符（三元前提运算符）

三目运算符（三元前提运算符）: 表达式 ? 值1 : 值2
假如表达式的值为true，则效果取值1。不然为值2

语法为:（假如前提表达式的值为true，则效果取值1。不然为值2。）
前提表达式 ? 值1 : 值2

var age=11;
var status = (age >= 18) ? "major" : "minor";

当age大于即是18的时刻，语句将第一个值“major”赋值给status；不然将第二个值“minor”赋值给status。

运算符的优先级

| 运算符 |形貌 |
| ————- |:————-: |
| . [] () |对象成员存取、数组下标、函数挪用等 |
| ++ — ~ ! delete new typeof void |一元运算符 |
|* / % |乘法、除法、求余|
|+ – +|加法、减法、字符串衔接|
|<< >> >>>|移位|
|< <= > >= instanceof |关联比较、检测类实例|
|== != === !==| 恒等(全等)|
|& |位与|
|^ | 位异或|
| | |位或 |
|&& |逻辑与|
| |||逻辑或|
|?:|三元前提|
|= x= |赋值、运算赋值|
|= x= |赋值、运算赋值|
|, |多重赋值、数组元素|

表达式

表达式是javascript中的一个短语，表达式指的是可用于盘算的式子，即能够发生一个值的式子。
变量名也是一种简朴的表达式，它的值就是赋值给变量的值。
庞杂的表达式由运算符和操纵数 （变量或常量） 构成的式子
算术运算符构成的式子叫算术表达式
关联运算符构成的式子叫关联表达式或许前提表达式
逻辑运算符构成的式子叫做逻辑表达式
如：2+3；a+5；c>3; a&&b等

流程掌握

JavaScript有三种基础的流程掌握构造：递次构造、挑选构造和轮回构造,流程掌握是用来掌握代码的实行递次。
JavaScrip在递次构造中能够包含挑选构造和轮回构造

递次构造：
指依据语句涌现的先后递次顺次实行

挑选构造：
指依据给定的逻辑前提来决议实行递次。
挑选构造能够分为单向挑选、双向挑选和多向挑选。但不管是单向照样多向挑选，顺序在实行历程中都只能实行个中一条分支。

轮回构造
指依据代码的逻辑前提来推断是不是反复实行某一段顺序。若逻辑前提为true，则反复实行，即进入轮回，不然完毕轮回。

轮回构造能够先推断逻辑前提，也能够先实行轮回体

if单支语句

if前提推断语句的写法:
if(表达式){
实行语句
}

当括号内的表达式效果建立( 为true 时) ，则实行大括号内的语句，不然不实行。

注重：

  1. if背面的()不能省略。
  2. 一条实行语句能够省略{}, 多条时不能省略{}, 发起不管是一条照样多条都写上{}

if双分支语句的写法:

if(表达式){
实行语句1
}
else{
实行语句2
}

当if 括号内的表达式效果建立，实行实行语句1 ，不然实行实行语句2;

注重：else语句必需和if语句搭配涌现运用

if多分支语句

if多分支语句的写法:

if(表达式){
实行语句1
}
else if(表达式2){
实行语句2
}
else if(表达式3){
实行语句3
}
else{
实行语句n
}

从上往下，满足哪一个前提就实行其相对应的语句，都不满足时，实行末了的else
的语句，只能进入个中之一。

if的嵌套

将全部if语句块插进去另一个if语句块中

if (表达式1) {
  if (表达式2) {
    if (表达式3){
      语句;
    }
    else{
      语句;
    }
  }
  else{
    语句;
  }
}

注重: 嵌套if时，最好不要凌驾三层； 内层的每一对if…else代码要缩进且对

齐；编写代码时，else要与近来的if配对。

需求：
输出差别年龄段的称谓：
少年：18周岁以下,青年：18周岁至40周岁,中年：40周岁至60周岁,老年：60周岁以上

婴儿[0岁-1岁）、幼童[1岁-4岁）、幼童[4岁-7岁），中童[7岁-13岁）、
大童[13岁-18岁），成年人即是18岁

switch case 语句

用于基于差别的前提来实行差别的行动,假如有多个前提，能够运用嵌套的if语句来处理，但这类方法会增添顺序的庞杂度，下降顺序的可读性。

//n能够是变量/表达式，将n的值与常量a1、a2、……比较，若n与个中某个值相称时，实行响应数据背面的语句，且当碰到关键字break时，顺序跳出switch构造；若找不到与n相称的值，则实行关键字default下面的语句。

switch(n)
{
    case a1:
        实行代码块 1
        break;
    case a2:
        实行代码块 2
        break;
    default:
        与 case a1 和 case a2 差别时实行的代码
}
    原文作者：Twait
    原文地址: https://segmentfault.com/a/1190000017759718
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞