zoukankan      html  css  js  c++  java
  • JavaScript基础之变量的自增与自减

    一、自增(++)

    ⑴什么是自增?

    通过自增运算符可以使变量在自身的基础上加一

    对于一个变量自增以后,原变量的值会立即自增一;

    示例:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>自增</title>
        <script>
            var a = 1;
            //使a自增1
            a++;
            console.log("a = " +a);
        </script>
    </head>
    <body>
        
    </body>
    </html>

    结果:

    ⑵分类

    1、后++(a++)

    2、前++(++a)

    ⑶两者的相同点

    无论是a++,还是++a,都会立即使原变量的值自增1。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>自增</title>
        <script>
            var a = 1;
            //使a自增1
            // a++;
            ++a;
            console.log("a = " +a);
        </script>
    </head>
    <body>
        
    </body>
    </html>

    结果:

    ⑷两者的不同点

    a++和++a的值不同。

    a++的值等于原变量的值(自增前的值)。

    示例:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>a++</title>
        <script>
            var a = 1;
            console.log(a++);
            console.log("a = " +a);
        </script>
    </head>
    <body>
        
    </body>
    </html>

    结果:

    ++a的值等于原变量自增后的新值。

    示例:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>++a</title>
        <script>
            var a = 1;
            console.log(++a);
            console.log("a = " +a);
        </script>
    </head>
    <body>
        
    </body>
    </html>

    结果:

    ⑸不同点的小测验

    第一个:a++测验

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>a++</title>
        <script>
            var a = 10;
            a++;
            console.log(a++);
            console.log("a = " +a);
        </script>
    </head>
    <body>
        
    </body>
    </html>

    结果:

     解析:因为初始值a=10,经过a++,变成了11,在console.log(a++)中,a又进行自增1,所以a为12,a++为第一次自增的值,11.

    第二个:++a测验

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>++a</title>
        <script>
            var b = 20;
            console.log(++b);
            console.log(++b);
            console.log("b = " +b);
        </script>
    </head>
    <body>
        
    </body>
    </html>

    结果:

    ⑹综合测验

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>综合测验</title>
        <script>
            var d = 20;
            var result = d++ + ++d + d;
            console.log("result = " +result);
        </script>
    </head>
    <body>
        
    </body>
    </html>

    结果:

     解析:首先d++为原值,也就是20;接着d++中的d自增一,变成了21,所以++d为22;++d中的d是由21+1得来的,也就是22.

    所以:20+22+22=64.

    二、自减(- -)

    ⑴什么是自减?

    通过自减可以使变量在自身的基础上减一;

    示例:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>自减</title>
        <script>
            var num = 10;
            num--;
            console.log("num = " +num);
        </script>
    </head>
    <body>
        
    </body>
    </html>

    结果:

    ⑵分类

    1、后- -(a--)

    2、前- -(--a)

    ⑶两者的相同点

    无论是a-- ,还是--a ,都会立即使原变量的值自减一;

    示例:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>自减</title>
        <script>
            var num = 10;
            --num;
            console.log("num = " +num);
        </script>
    </head>
    <body>
        
    </body>
    </html>

    结果:

    ⑷两者的不同点

    a-- 和 --a的值不同。

    ①a- -是变量的原值(是自减前的值);

    示例:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>a--</title>
        <script>
            var num = 10;
            console.log(num--);
            console.log("num = " +num);
        </script>
    </head>
    <body>
        
    </body>
    </html>

    结果:

    ②--a是原变量的新值(自减后的值);

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>--a</title>
        <script>
            var num = 10;
            console.log(--num);
            console.log("num = " +num);
        </script>
    </head>
    <body>
        
    </body>
    </html>

    结果:

    三、综合小测试

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>综合测试</title>
        <script>
            var n1 = 10,n2 = 20;
            var n = n1++;
            console.log('n1 = ' +n1);
            n = ++n1;
            console.log('n = ' +n);
            console.log('n1 = ' +n1);
            n = n2--;
            console.log('n = ' +n);
            console.log('n2 = ' +n2);
            n = --n2;
            console.log('n = ' +n);
            console.log('n2 = ' +n2);
        </script>
    </head>
    <body>
        
    </body>
    </html>

    结果:

     

    怎么样,有没有算对呀,看完之后,就应该很明白自增和自减了吧,加油呀~~

  • 相关阅读:
    part11-1 Python图形界面编程(Python GUI库介绍、Tkinter 组件介绍、布局管理器、事件处理)
    part10-3 Python常见模块(正则表达式)
    Cyclic Nacklace HDU
    模拟题 Right turn SCU
    状态DP Doing Homework HDU
    Dp Milking Time POJ
    区间DP Treats for the Cows POJ
    DP Help Jimmy POJ
    Dales and Hills Gym
    Kids and Prizes Gym
  • 原文地址:https://www.cnblogs.com/shihaiying/p/11853783.html
Copyright © 2011-2022 走看看