JavaScript自增運算符和自減運算符


如果需要反復給數字變量加1或是減1,可以使用遞增(++)和遞減(--)運算符來完成。

在JavaScript中,遞增(++)和遞減(--)既可以放在變量前面,也可以放在變量后面。

放在變量前面時稱為前置遞增(遞減)運算符,放在變量后面是,可以稱為后置遞增(遞減)運算符。

 

一、自增++

 

通過自增運算符可以使變量在自身的基礎上加1;

對於一個變量自增以后,原變量的值會立即自增1;

自增符號:++

自增分為兩種:1、后置自增(a++);2、前置自增(++a);

(一)、前置遞增運算符

++num前置遞增運算符,類似於 num = num+1,

先自加,后返回值

var num = 10;
console.log(++num); //++num 先自加
console.log(num); //返回值

 

(二)、后置遞增運算符

num++后置遞增,就是自加1,類似於 num+1,但是 num++ 寫起來更簡單。

先返回原值,后再自加1

var num = 10;
console.log(num++); //num++ 先返回原值 10
console.log(num); //num++ 先返回原值再加1,num為11

 

a++的值等於原變量的值(自增前的值)

++a的值等於原變量自增后的新值。

 實例:

a++是在原值的基礎上自增(a=20,a++=20);

++a是在一次自增過后的基礎上再自增(a=21,++a=22);

a相當於自增了兩次(a=20+1+1=22);

所以 a++ + ++a + a=20+22+22=64

 實例2

var a = 10;
++a;//++a 為11,a為11
var b = ++a + 2;//++a 為12
console.log(b)

 

實例3

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

 實例4

var e = 10;
var f = e++ + ++e;//e++為10,e為11,所以++e為12
console.log(f);

 

二、自減- -

通過自減可以使變量在自身的基礎上減一;

自減符號--

自減分為兩種:1、后- -(a--);2、前- -(--a);

相同點:a-- 和 --a 都會立即使原變量的值自減一;

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

a- -是變量的原值(是自減前的值);

--a是原變量的新值(自減后的值);

 

前置遞增(減)和后置遞增(減)總結

  前置遞增(減)和后置遞增(減)運算符可以簡化代碼的編寫,讓變量的值+1/-1比以前更加簡單

  單獨使用是,運算結果相同

  與其他代碼聯用時,執行結果會不同

  后置:先原值運算,后自加自減(先人后己)

  前置:先自加,后運算(先己后人)

  開發時,大多使用后置遞減/增,並且代碼獨占一行。

 實例:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>JS</title>
 6 </head>
 7 <body>
 8     <script>
 9     var a=10,b=20;
10     var c=a++;
11     console.log("a="+a);
12     console.log("c="+c);
13     c=++a;
14     console.log("a="+a);
15     console.log("c="+c);
16     c=b--;
17     console.log("c="+c);
18     console.log("b="+b);
19     c=--b;
20     console.log("c="+c);
21     console.log("b="+b);
22     </script>
23 </body>
24 </html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM