0103 递增和递减运算符

递增和递减运算符概述

如果需要反复给数字变量添加或减去1,可以使用递增(++)和递减( -- )运算符来完成。

在 JavaScript 中,递增(++)和递减( -- )既可以放在变量前面,也可以放在变量后面。放在变量前面时,我们可以称为前置递增(递减)运算符,放在变量后面时,我们可以称为后置递增(递减)运算符。

注意:递增和递减运算符必须和变量配合使用。 

递增运算符

前置递增运算符、后置递增运算符,单独使用时,一样的。

  • 前置递增运算符

    使用口诀:先自加,后返回值

++num 前置递增,就是自加1,类似于 num =  num + 1,但是 ++num 写起来更简单。

使用口诀:**先自加,后返回值**
var  num = 10;
alert(++num + 10);   // 21
        // 1. 想要一个变量自己加1   num = num + 1 比较麻烦
        var num = 1;
        num = num + 1; // ++num
        num = num + 1;
        console.log(num); // 3
        // 2. 前置递增运算符  ++ 写在变量的前面
        var age = 10;
        ++age; // 类似于 age = age + 1
        console.log(age); // 11
        // 3. 先加1  后返回值
        var p = 10;
        console.log(++p + 10); // 21

  • 后置递增运算符

    num++ 后置递增,就是自加1,类似于 num = num + 1 ,但是 num++ 写起来更简单。

    使用口诀:先返回原值,后自加

    var num = 10;
    num++; // num = num + 1    ++num;
    console.log(num); // 11
    // 1. 前置自增和后置自增如果单独使用 效果是一样的
    // 2. 后置自增 口诀:先返回原值 后自加1 
    var age = 10;
    // age++ + 10:age++:是一个表达式,先返回这个表达式的值10, 10 + 10 = 20。然后age再加1。
    console.log(age++ + 10); // 20
    console.log(age); // 11
        demo:前置递增、后置递增练习
        var a = 10;
        ++a; // ++a  11    a = 11
        var b = ++a + 2; // a = 12   ++a = 12
        console.log(b); // 14

        var c = 10;
        c++; // c++ 11  c = 11
        var d = c++ + 2; //  c++  = 11     c = 12
        console.log(d); // 13

        var e = 10;
        var f = e++ + ++e; // 1. e++ =  10  e = 11  2. e = 12  ++e = 12
        console.log(f); // 22
        // 后置自增  先表达式返回原值 后面变量再自加1

前置递增和后置递增小结

  • 前置递增和后置递增运算符可以简化代码的编写,让变量的值 + 1 比以前写法更简单

  • 单独使用时,运行结果相同

  • 与其他代码联用时,执行结果会不同

  • 后置:先原值运算,后自加(先人后己)

  • 前置:先自加,后运算(先已后人)

  • 开发时,大多使用后置递增/减,并且代码独占一行,例如:num++; 或者 num--。

猜你喜欢

转载自www.cnblogs.com/jianjie/p/12129351.html