JavaScript的运算符

　　今天我来谈一下我对于JavaScript的运算符的见解。运算符这个概念我们不陌生，数学中的“+，-，*（这个符号是乘号），/（这个符号是除号），=”这五个运算符是我们最常见的；我们今天说一下我们最常用的；

　　1、JavaScript的算术运算符；"+， -， *， /"

　　我们首先通过一个表格来看一下这几个运算符都代表什么含义：

运算符	含义值
+	1、加法 2、拼接
-	减法
*	乘法
/	除法
%	求余数

　　看下面这这组代码讲的是在JavaScript中的输入方法：

　　

        + - * / a++ a-- ++a --a
    var a = 5 % 3; // a=2 取模就是我们常说的求余数；5/3 商1余2；

    a = a + 1; // 简写 a += 1
    a = a - 1; // 简写 a -= 1
    a = a * 1; // 简写 a *= 1
    a = a / 1; // 简写 a /= 1
    a = a % 1; // 简写 a %= 1

    a++ 等同于 a = a + 1;
    a-- 等同于 a = a - 1;

    var a = 1;
    var b = a++ + ++a; // 第一个 a = 1 , 第二个 a = 3 结果是 4
    ++a 等同于 a = 1 + a;
    --a 等同于 a = -1 + a;
    () 能改变运算符的优先计算等级    

　　我通过几个简单的例子演示下它们的用法：　　

        // + 运算符
    alert(5+2); // 7
    var a = 1;
    var b = a + 2;
    alert(b); // 3

    // - 运算符
    alert(7-1); // 6
    var a = 3;
    var b = a -2;
    alert(b); // 1

    // * 运算符
    alert(3*2); // 6
    var a = 5;
    var b = a*2;
    alert(b); // 10

    // / 运算符
    alert(9/3); // 3
    var a = 6;
    var b = a/2;
    alert(b); // 3

    // % 运算符
    alert(7%3); // 1
    var a = 10;
    var b = a%3;
    alert(b); // 1    

　　注意a++ 与++a和a-- 与 --a的区别：

    // a-- 等同于 a-=1 区别是这个就是每次 -1 先赋值后运算。
    // a-- 等同于 a+=-1 先运算后赋值　
　　 var a = 5;
    alert(a-=1); // 4

    var a = 5;
    alert(a--); // 5

    var a = 5;
    alert(--a); // 4
    
    // 思考这个结果是多少
    var a = 1;
    var b = a++ + ++a; // 第一个 a = 1 , 第二个 a = 3 结果是 4
　　/* a++ 我们可以这样理解*/
　　var a = 1;
　　alert(a);a += 1;
　　//按照代码的读取格式，从上向下，从左到右，这样的话；当代码读到 alert 的时候就会先输出 a 的值也就是 1 ，然后在进行 +1 的运算。a-- 以为是同样的道理。

    

　　　　2、JavaScript的赋值运算符：　　　　

　　　　对于赋值我们很熟悉了；例如 :　　　　

var a = 1；//我们把数字 1 赋值给了变量 a ;
//JavaScript中 “=” 号并不是我们数学中的等于的意思，而是代表赋值；将一个值赋予给另外的一个值；我们还可以这样赋值：
var a = 2;
var b = a;
alert(b);//输出的值是2；我们为变量 a 赋值了数字2；然后我们还可以把变量 a 在赋值给变量 b ； 

　　　　3、JavaScript的比较运算符；

　　　　在数学中我们常用的比较符有：大于号(>),小于号(<),等于号(=),大于等于(>=);小于等于(<=),不等于(!=);后面的小括号里面的是在计算机里的书写方法；

　　　　需要注意的是在JavaScript中表示等于的符号是“==”；两个等号代表相等；“===”三个等号代表全等具体的我会在下面的例子来说明；　　　　

var a = 123;//这个是数字；
var b = '123';//这个是字符串；
if(a == b){
    alert('两个值相等');
}else{
    alert('两个值不相等')
}   
//这个会输出两个值相等；
if(a === b){
    alert('两个值相等');
}else{
    alert('两个值不相等')
} 
//这个会输出两个值不相等； 
/*
*这是为什么呢， == 号只要是值相等那么就会判定这两个变量相等；但是 === 需要值的类型也相同！
*/

　　　　下面的例子说一下其他的比较符：　　　　

        // > 大于
        var a = 6;
    var b = 3;
    if(a > b){
        alert('a 确实大于 b');
    }else{
        alert('a 不大于 b');
    }

    // < 小于
    var a = 6;
    var b = 3;
    if(a < b){
        alert('a 确实大于 b'); // 为真才走的分支
    }else{
        alert('a 不大于 b'); // 为假走的分支
    }

    // == 等于
    var a = 6;
    var b = 3;
    if(a == b){
        alert('a 确实等于 b');
    }else{
        alert('a 不等于 b');
    }

    // === 全等于
    var a = 3;
    var b = '3';
    if(a == b){ // 注意这里是 == 等于
        alert('a 确实全等于 b');
    }else{
        alert('a 不全等于 b');
    }

    var a = 3;
    var b = '3';
    if(a === b){ // 注意这里是 === 全等于
        alert('a 确实全等于 b');
    }else{
        alert('a 不全等于 b');
    }

    // != 不等于
    var a = 3;
    var b = '3';
    if(a != b){ // 注意这里是 != 不等于
        alert('a 不等于 b');
    }else{
        alert('a 等于 b');
    }

    var a = 3;
    var b = 7;
    if(a != b){ // 注意这里是 != 不等于
        alert('a 不等于 b');
    }else{
        alert('a 等于 b');
    }

    // !== 不全等
    var a = 3;
    var b = '3';
    if(a != b){ // 注意这里是 != 不等于
        alert('a 不等于 b');
    }else{
        alert('a 等于 b');
    }

    var a = 3;
    var b = '3';
    if(a !== b){ // 注意这里是 !== 不全等于
        alert('a 不全等于 b');
    }else{
        alert('a 全等于 b');
    }

    // >= 大于等于
    var a = 3;
    var b = 3;
    if(a > b){
        alert('你说的对');
    }else{
        alert('你说的不对');
    }

    var a = 3;
    var b = 3;
    if(a >= b){
        alert('你说的对');
    }else{
        alert('你说的不对');
    }

    // <= 小于等于
    var a = 3;
    var b = 3;
    if(a < b){
        alert('你说的对');
    }else{
        alert('你说的不对');
    }

    var a = 3;
    var b = 3;
    if(a <= b){
        alert('你说的对');
    }else{
        alert('你说的不对');
    }
    

　　　3、逻辑运算符：

　　　　逻辑运算符指的是：与(&&)、或(||)、 非(!)；这三种

　　　　　多个条件组合, 结果也是 true(真) 或 false(假)

　　　　　&& 与 &&运算符两边 都为 true 结果(真) 才为 true(真)

　　　　　|| 或者 || 运算符两边 只要有一个为 true(真) 就为 true(真)

　　　　　! 非 取反

　　　　　下面的看一些小例子:

　　

// && 并且
    var a = 'yes';
    var b = 'no';
    if(a == 'yes' && b == 'yes'){ // 两个判断必须都为真
        alert('你是对的');
    }else{
        alert('你是错的');
    }

    var a = 'yes';
    var b = 'yes';
    if(a == 'yes' && b == 'yes'){
        alert('你是对的');
    }else{
        alert('你是错的');
    }

    // || 或者
    var a = 'yes';
    var b = 'no';
    if(a == 'yes' || b == 'yes'){ // 其中有一个为真就是真
        alert('你是对的');
    }else{
        alert('你是错的');
    }

    var a = 'yes';
    var b = 'yes';
    if(a == 'yes' || b == 'yes'){ // 两个都为真更是真, 其实第一个为真第二个就不在去判定
        alert('你是对的');
    }else{
        alert('你是错的');
    }

    // ! 非
    var a = 'yes';
    if(a != 'no'){
        alert('你是对的');
    }else{
        alert('你是错的');
    }

 　　4、其他运算符：

　　　三元运算符：a ? b : c

　　

     var a = 1, b = 2;
    　a>2 ? alert('yes'): alert('no'); //no；我们可以把它看成 if ... else 的简写形式 ！
　　　　
　　　if(a>2){
　　　　alert('yes')
　　　}else{
　　　　alert('no')
　　　}