JavaScript基础02

                       JavaScript基础02

开发工具与关键技术：VS 与JavaScript   作者：北道海棠        撰写时间：2019.04.13

在我们编写代码的过程中往往会遇到一些需要我们将两个字符串拼接起来的代码或者是对字符串进行运算、赋值等问题。下面就让我们来了解一下JavaScript的运算符及其意义。
1. 算术运算符
它和我们的数学意思差不多，其运算符号和方式如下图所示：(图片来源于老师授课)

在浏览器的控制台输出的写法为：

     var x = 5; var y = 2;
     console.log("x+y=" + (x + y)); 
    // 控制台输出值为：x+y=7
     console.log("x-y=" + (x - y)); 
    //  控制台输出值为：x-y=3
     console.log("x*y=" + (x * y)); 
    // 控制台输出值为：x*y=10
     console.log("x/y=" + (x / y)); 
    //控制台输出值为：x/y=2.5
     console.log("x%y=" + (x % y));
    //控制台输出值为：x%y=1
     console.log("x++=" + (x++));//先输出原x(5)的值，然后再将 x 的值自增1。
    // 控制台输出值为：x++=5    
     console.log("++x=" + (++x));//先将上条x++的值(6)自增1，再输出。
     //控制台输出值为：++x=7     
     console.log("--x=" + (--x));//先输出上条++x的值(7)，然后再将 x 的值自减1。
    // 控制台输出值为：--x=6
     console.log("x--=" + (x--)); //先将上条x--的值(6)自减1，再输出。
    // 控制台输出值为：x--=6

值得注意的是在JavaScript的除法中除数可以为零，而我们数学中的除数是不能为零的，让我们通过模拟在浏览器的控制台输出的写法了解一下其中的奥妙吧！

   console.log(1/0);//当除数比零大，被除数等于零时；控制台输出值为： Infinity 正无穷
   console.log(0/0);// 当除数等于零，被除数也等于零时；控制台输出值为：NaN 非数
   console.log(-1/0);//当除数比零小，被除数等于零时；控制台输出值为：-Infinity 负无穷
   console.log(1%0);//控制台输出值为; NaN 非数    console.log(0%0);// NaN;非数

2.赋值运算符
我们以前所熟悉的赋值运算符就是“=”了，但是在代码中的赋值运算符除了等号外还有一些算术运算符和等号结合起来的赋值运算符， 它们相当于部份算术运算的简写。

 例如：     +=：x+=y  它相当于算术运算：x=x+y
           -=：x-=y  它相当于算术运算：x=x-y
           *=：x*=y  它相当于算术运算：x=x*y
           /=：x/=y  它相当于算术运算：x=x/y
           %=：x%=y  它相当于算术运算：x=x%y

在这里我们要注意“/=：x/=y”和“%=：x%=y“，当它的y值为零时，我们就要参照上面当除数为零时的运算值了。
3. 比较运算符
比较运算符顾名思义是用来比较用的，当比较值与运算符号匹配符合条件时，控制台会输出true,否则就输出false,具体有那些比较运算符如下图所示：(图片来源于老师授课)

比较运算符在浏览器的控制台输出的写法为：

 x = "123";     y = 123; 
console.log("x==y :" + (x == y));    //两个等号时为直接比较这两个变量的值
console.log("x===y :" + (x === y));  //有三个等号时，先比较变量的类型，如果类型相同再比较值
console.log("x!=y :" + (x != y));//同理，这只有两个符号，直接比较值
console.log("x!==y :" + (x !== y);//这有三个符号，得先比较类型了才能接比较数值

4. 逻辑运算符
如左图所示(图片来源于老师授课)，这三个符号为逻辑运算符，它具体是什么意思呢，下面举个简单的例子详细解说一下。

设三个变量并赋予值，然后将其中一个变量分别与其它的两个变量进行简单的比较运算

 例：     x=5;   y=6;  z=7; 
           console.log((x<y)&&(x>z));
 也可比喻为：console.log(true && true);//其中全部为真才为真
          console.log((x<y)||(x<z));
 也可比喻为：console.log(true || false);//||或者，只要有一个为真那就是真的
           console.log(!(x<y));
 也可比喻为：console.log(!false);//!为非，意为不是假，意思就是真

以上四点便是我们在编写代码时可能需要用到的一些基本运算符了。