前端：JavaScript中的自增和自减,逻辑、赋值、关系运算符

目录

一、自增和自减：

二、逻辑运算符（都先转布尔值）

三、赋值运算符

四、关系运算符（先转换为数值，判断两个值之间的大小关系）

---

一、自增和自减：

1）a++ 或 a--：先运算再赋值（等于自增前的值）

var a = 1;
a++;
console.log(a);   //a=1

var a = 1;
a++;
console.log(a++);   //a=2，在1的基础上自增

    2)  ++a 或 --a:先赋值再运算（等于自增后的值）

var a = 1;
++a;
console.log(a);   //a=2

var a = 1;
console.log(++a);   //a=2

var a = 1;

var b = a++ + ++a + a;
         1     3    3

console.log(b);   //a=7

var n1=1,n2=2;

var n=n1++;             //n1=2, n1++=1
console.log('n='+n);    //1
console.log('n1='+n1);    //2

var n=++n1;             //n1=3, ++n1=3
console.log('n='+n);    //3
console.log('n1='+n1);    //3

var n=n2--;              //n2=1, n2--=2
console.log('n='+n);    //2
console.log('n2='+n2);    //1

var n=--n2;              //n2=0, --n2=0
console.log('n='+n);    //0
console.log('n2='+n2);    //0

二、逻辑运算符（都先转布尔值）

1）&& 与（全真则真，有假则假）

var a = 1 && 2;
       true  true
console.log(a);   //true 如果两个值都为true，则a的值返回最后一个值2
                       如果有一个值或两个值是false，则a的值返回最开始那个false的值

2）|| 或（全假则假，有真则真）

var a = 1 || 2;
       true  true
console.log(a);   //true 如果一个值或两个值都为true，则a的值返回最开始true的那个值1
       
var a = 0 || 1;   //a=1,返回第一个true的值         

3）！非（先变布尔值，再取反）

三、赋值运算符

=：赋值给变量

var a = 10;
a +=5;       //a=a+5, a=15

a -=5;       //a=a-5, a=5

a *=5;       //a=a*5, a=50

a /=5;       //a=a/5, a=2

a %=3;       //a=a%3, a=1

四、关系运算符（先转换为数值，判断两个值之间的大小关系）

1）> :大于（关系成立，返回true；关系不成立，则返回false）;

var a = 2 > 5;
console.log(a);    //false

2）>=：大于或等于

3）<：小于

4）<=：小于或等于

var a = 10  <= "hello";   //没有数字的字符串转数值会变成NaN
console.log(a);           //a=false ,任何值与NaN做比较都是false

##如果两边都是字符串，则比较字符串的编码ASCII（一位以为字母进行比较，如果两位相同则比较下一位）

var a = "a" < "b";    //a=true
         97    98

var a = "bc" < "b";    //a=false ,b与b相同，则下一位c与b比较

var a = "bc" < "bd";    //a=true ,b与b相同，则下一位c与d比较