js运算符有哪些？js运算符的详细介绍

本篇文章给大家带来的内容是关于js运算符有哪些？js运算符的详细介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

javascript 基础运算符分为：算术运算符、赋值运算符、关系运算符、逻辑运算符；接下来详细讲解着几种运算符的掌握方法；

（一）算术运算符

1,算术运算符根据运算符两边操数的不同 可以分为：一元运算符、二元运算符、三元运算符；

2.按照功能不同又分为：+（加号）、 —（减号）、 （乘号）、/（除号）和%（取余运算）；

1-1.一元运算符；

++（自增）、- -（自减）；

当运算符后置：不出现赋值的时候，执行自增自减运算；出现赋值的时候，先赋值，再运算。

当运算符前置：不出现赋值的时候，执行自增自减运算；出现赋值的时候，要先运算，再赋值。

运算符后置例子；

var a=3;
a++;
consonle.log(a)//值为4
 var a=3;
    var b=4;
     a--;
     b--;     
    var c=a+b;//2+3
    console.log(c);//5
var a=3;
var b=4;
a++;
b++;
var c=(a+b);//4+5
consonloe.log(c);//c的值为9
   var a=3;
    var b=4;
    var c=(a++)+a+(b++)+b;//3+4+4+5
    console.log(c);//16
 var a=3;
    var b=4; 
    var c=(a--)+a+(a++)+(b++)+b+(b--);//3+2+2+4+5+5
    console.log(c);//21

运算符前置 例子；

 var b=4;
 --a;//2
 ++b;//5
 console.log(a,b);//  2  5
 var a=3;
 var b=4;
 var c=--a+b;//2+4  运算符前置 先运算 再赋值。
 console.log(c);//6
 var a=3;
 var b=4;
 var c=--a+--b;//2+3 
 console.log(c);//5

前后置综合使用；

    var a=3;
     var b=4;
     var c=(--a)+(--b)+(b++);//2+3+3 
     console.log(c);//8

这里解释一下：我们先把它分开运算；

（--a）=2；运算符前置，先运算再赋值；

（--b）=3：同（--a）；

（b++）=3；是不是很多同学都会把它算成等于 4或者5，我们要这样理解 （--b）以及把b的值转换为了3，所以（b++）括号中的b 其实是等于3的 （b++）运算后的确等于 4 ，但是看清了 它是运算符后置 ，所以在让它与其它数值相加时，它的值为3.

再来看下一个例子；

     var a=5;
     var b=6;
     var c=(a++)+(b--)+(--a)-(--b);//5+6+5-4
     console.log(c);//12

（a++） 5

（b--） 6 这两个均为运算符后置 所以还是各自的值；

（--a） 5 因为前面已经运算过 （a++）的值为6 这个运算符在前面，所以先运算 在赋值；

（--b） 4 由（b--）传递下来的值为5 运算符在前 先运算 再赋值 所以最后为4；

（二）赋值运算符 “=”很好理解的一个运算符；

var a=251；赋予语句一个值；

关系运算符 ；

(大于) 、 ==（等于）、<（小于）、>=（大于等于）、<=(小于等于)、！=（不等于）、===（真等于，全等）、+=....

关系运算符的运算结果为布尔类型 ：true（真）、false（假）；

、<、==、>=、=<都是用来比较 数值类型的和数字字符串的 比较方式和算法相同；每个关系运算符都会返回一个布尔值；

  var a="3";
   var b="5";
   var c=a<b;
   console.log(c);//true
   var a=5;
   var b=8;
   var c=a<b;
   console.log(c);//true

字母类型的字符串也可以用大于 小于来比较；

  var a="alpha";
     console.log(a,typeof a);
     var b="blue";
     console.log(b,typeof b);
        var c=a<b;
     console.log(c,typeof c);//true

"a" 的码位值97
"b"的码位值为98

"b"的码位值为98
<span style="color:#333333">按照 ASCII 字符顺序进行升序排列 ；</span>

== 可以 用来比较数值和 数字类型的字符串；例如；

   var b='5';
   var c=a==b;
   console.log(c);//true

=== 比==更高级一些 是真等 两个类型的无法比较 例如；

 var a=5;
   var b='5';
   var c=a===b;
   console.log(c);//false

（三）逻辑运算符；输出结果为布尔（boolean）类型;

逻辑运算符又分为三类 ； 逻辑或 | | ； 逻辑与 &&； 逻辑非 ！；

1.逻辑或 || ：当两边的表达式运算结果有一个为真（true）；则结果为真，若两边均为假 肯定还是假的了。

例子；

      var a=3,b=4;
      var c=a>b||a<b;
      console.log(c);//true 有一侧

结果为真 真个运算结果为真。 var a=5,b=8; var c=a>b||a<4; console.log(c);//false 两边运算结果均为假 则输出结果为假 var a=5,b=8; var c=a<b||a>4; console.log(c);//true 两边运算结果均为真 则输出结果为真

2.逻辑与 &&：仅当运算符两边结果均为真的时候 运算结果才为真，

例子；

      var a=5,b=8;
      var c=a<b&&a>4;
      console.log(c);//true  两边运算结果均为真 

输出结果才为真 var a=5,b=8; var c=a>b&&a>4; console.log(c);//false 两边运算结果有一侧为假 则输出结果为假 var a=5,b=8; var c=a<b&&a>4; console.log(c);//false 两边运算结果有一侧为假 则输出结果为假

3.逻辑非 ！；取相反的输出结果；

例子； 这个和上方例子一样 加个！ 变成逻辑非 取相反的 值

      var a=5,b=8;
      var c=!a<b&&a>4;
      console.log(c);//true

以上就是js运算符有哪些？js运算符的详细介绍的详细内容，更多请关注Gxl网其它相关文章！