如果需要反復給數字變量加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>