美文网首页
三、JavaScript的运算符

三、JavaScript的运算符

作者: XZ阳光小熊 | 来源:发表于2016-05-02 16:12 被阅读10次

一、赋值运算符

1、算术运算符
算术运算符包含:加(+)、减(-)、乘(*)除(/)和取余(%)。

<script type="text/javascript">
    var a = 9;
    var b = 2;
    console.log(a + b); //加
    console.log(a - b); //减
    console.log(a * b); //乘
    console.log(a / b); //除
    console.log(a % b); //取余,即2不能被9整除其值为余数1
</script>

2、自增自减运算符
自增自减运算符包含:++、--、+=、-=、*=、/= 。

<script type="text/javascript">
    var a = 9;
    var b = 3;
    a ++;      //等价于 a+1 此时运算结果依然还是9,因为++放在后面等于先取值再运算(即先用后加),故其运算结果为9;
    ++ b;      //此时运算结果是4,因为++放在前面等于先运算再赋值(即先加后用),故其运算结果为4;
    a --;      //等价于 a-1 此时运算结果是10,因为--放在后面等于先取值再运算(即先用后减),故其运算结果为10;
    -- b;      //此时运算结果是3,因为--放在前面等于先运算再赋值(即先减后用),故其运算结果为3;
    a += b;    //等价于 a+b
    a -= b;    //等价于 a-b
    a *= b;    //等价于 a*b
    a /= b;    //等价于 a/b
</script>

注意:++和--放在前面和后面的区别。

二、非等值运算符

非等值运算符包含:>、<、>=、<=。

三、等值运算符

等值运算符包含:==、===。
1、==等值运算符,先转换成相同数据类型,然后进行比较。
1、===等值运算符,先比较数据类型,类型相同在比较值。

<script type="text/javascript">
    var a = '1';
    var b = 1;
    var c = true;
    console.log(a == b);   //此时返回的值为true
    console.log(a == c);   //此时返回的值为true
    console.log(a === b);  //此时返回的值为false
</script>

注意:基本数据类型都会同时向number靠拢。上面例子中变量a的值是一个字符串,变量c的值是个布尔值,将它们同时与变量b进行比对,==会将它们都转化为数字然后进行比较,此处的布尔值true会被转换为1,如果是false将会被转换为0。

四、逻辑运算符

逻辑运算符包括:逻辑与(&&)、逻辑或(||)、逻辑非(!)。
1、逻辑与(&&)
逻辑与需要逻辑运算符两边的表达式同时为true(真),其结果就为true(真)否则即为false(假)。

<script type="text/javascript">
    var a = 3;
    var b = 1;
    var c = 4;
    console.log(a < c && a > b);  //此时返回的值为true
    console.log(a > c && a > b);  //此时返回的值为false
</script>

注意:以上例子中,第二次打印因为逻辑运算符左边的表达式为false(假),故其打印的的结果也为false。实际上当其左边的表达式为false时,其右边的表达式便不会再进行运算,这种现象被称为逻辑与的短路现象,在实际应用中常将逻辑与的这种特性应用于分支结构的判断。
2、逻辑或(||)
逻辑或只要逻辑运算符两边的表达式只要有一个为true(真),其整个表达式就为true(真)否则即为false(假)。

<script type="text/javascript">
    var a = 3;
    var b = 1;
    var c = 4;
    console.log(a < c || a < b); //此时返回的值为true
</script>

注意:以上例子中,打印因为逻辑运算符左边的表达式为true,所以它整个表达式也为true。实际上当其左边的表达式为true时,其右边的表达式便不会再进行运算,这种现象被称为逻辑或的短路现象,在实际应用中常将逻辑或的这种特性应用于分支结构的判断。
3、逻辑非(!)
用于取与表达式相反的值。


以上内容纯属个人理解,由于水平有限,若有错漏之处敬请指出斧正,小弟不胜感激。

相关文章

  • JavaScript逻辑运算符与赋值运算符

    逻辑运算符 JavaScript中有三个逻辑运算符,&&与、||或、!非。 JavaScript 中的逻辑运算符可...

  • review javascript 27:JS运算符

    JavaScript 运算符主要包括:· 算术运算符· 赋值运算符· 比较运算符· 三元运算符· 逻辑运算符· 字...

  • Javascript运算符

    JavaScript 运算符 JavaScript 运算符用于赋值,比较值,执行算术运算等。 JavaScript...

  • javaScript运算符

    javaScript算术运算符 javaScript赋值运算符 用于字符串的 + 运算符 + 运算符用于把文本值或...

  • [转载]扩展运算符...

    原文:JavaScript 扩展运算符 扩展运算符格式 扩展运算符格式很简单,就是三个点(...) 扩展运算符作用...

  • javascript学习思维导图

    JavaScript 数据类型 JavaScript 变量 Javascript 运算符 JavaScript 流...

  • js5-11

    javascript第三章 1、运算符和表达式 1.三目运算符(三元运算符) 2、函数 1.函数:funct...

  • JavaScript 学习脑图

    javascript数据类型 javascript变量 javascript运算符 javascript数组 ja...

  • 8/23

    JavaScript运算符: 运算符 = 用于赋值 运算符 + 用于加值 算数运算符 + - * / % ++ -...

  • 03-JavaScript运算符

    JavaScript运算符 和数学的运算符一样,JavaScript中的运算符是告诉程序执行特定算术或逻辑操作的符...

网友评论

      本文标题:三、JavaScript的运算符

      本文链接:https://www.haomeiwen.com/subject/emdlrttx.html