美文网首页
javascript运算符

javascript运算符

作者: moly琴 | 来源:发表于2018-10-30 20:33 被阅读0次

算术运算符

如 + , - , * , / , % , ++ , --

  • % 表示取余或取模
  • ++ 表示自增1

重点理解

  • ++ 前置 ,表示先自增1再与其他数据进行运算
  • 后置 ++ ,先参与运算再自增1

let a = 2, b = 3, c;
c = ++a - b--;
console.log(a, b, c);

输出结果为
3,2,0

继续,太简单了,可以尝试一下这个(注意从上往下,实时更新变量)

        let A = 1, B = 2, C;
        C = A++ + B;
        console.log(A, B, C);
        C = --A + B;
        console.log(A, B, C);
        A = C-- + (++B);
        console.log(A, B, C);
        B = A-- +(++C);
        console.log(A, B, C);

比较运算符

== , !=, >, >=, < , <= , ===(全等于), !==(不全等于)

a. 比较运算符的结果会转换成boolean的类型:true flase
b.说明

  • ==(等于): 比较值的大小是否相等,不比较值的类型 (比较大小)
  • ** ===(全等于)**: 既比较值的大小是否相等,又比较值的类型.(比较大小,类型)
  • !=(不等于):结果和==相反
  • ! = =(不全等于):结果和===相反

条件运算符

(expr1) ? (expr2) : (expr3) ;

逻辑运算符

&&(与) ||(或) ! (非)

a.a&&b(并且): 逻辑与,当a和b都为true时,返回值为true,否则返回false。
b.a| |b(或者): 逻辑或,当a和b都为false时,才返回false。返回其中第一个不为false的值或者最后一个值
c.!a(取反) : 逻辑非,当a为true时,返回值为false,否则返回true。

字符串运算符(拼接)

加 +

一个表达式中,字符串与任何变量进行+运算,都是进行字符串连接,运算结果为一个新的字符串。

  • 常用于URL地址拼接或字符串的拼接

  • 如 拼接api地址(接口地址)

赋值运算符

= , += , -= , *= , /= , %=

详细说明
+=a+=b 等价于 a=a+b;
-=a-=b 等价于 a=a-b;
*=a*=b 等价于 a=a*b;
/=a/=b 等价于 a=a/b;
%=a%=b 等价于 a=a%b;

注意

  • += 主要用于焦点图的换图操作,动态改变left的值

运算符优先级

()> 单目运算符(!,++,--)>算术运算符(*,/,%)>比较运算符>

运算符优先级image.png

注意

赋值优先级最低
先乘除后加减
优先级相同情况下,从左到右依次计算.

如果实在是记不住,就注意逻辑非的优先级仅次于括号。逻辑与优先于逻辑或,他们优先于条件运算符(即三目运算符),赋值运算符优先级最低。

相关文章

  • Javascript运算符

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

  • javaScript运算符

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

  • javascript学习思维导图

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

  • JavaScript 学习脑图

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

  • 8/23

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

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

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

  • 03-JavaScript运算符

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

  • 第三课 JavaScript运算符

    JavaScript算术运算符 +-*/%(取余)++(递增)--(递减)- 赋值运算符;���=+=-=*=/=...

  • JS装逼操作锦集

    位运算符 这套运算符针对的是整数,所以对 JavaScript 完全无用,因为 JavaScript 内部,所有数...

  • review javascript 27:JS运算符

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

网友评论

      本文标题:javascript运算符

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