前端基础-JavaScript操作符

第4章 操作符

表达式:值和操作符,运算会有一个结果;

同时,表达式中的每个数值及部分表达式,又称为 子表达式
在这里插入图片描述

4.1 算术运算符

+ - * / %  取余(取模)

4.2 一元运算符 *

一元运算符:只有一个操作数的运算符,一元运算会直接修改原始变量的数据;

5 + 6 两个操作数的运算符 二元运算符

++ 自身加 (自增)

– 自身减 (自减)

  • 前置++

    var num1 = 5;
    ++ num1; 
    
    var num2 = 6;
    console.log(num1 + ++ num2); //13
    
  • 后置++

    var num1 = 5;
    num1 ++;    
    var num2 = 6 
    console.log(num1 + num2 ++); //12
    
  • 猜猜看

    var a = 1; 
    var b = ++a + ++a; 
    console.log(b); //5
    
    var a = 1; 
    var b = a++ + ++a; 
    console.log(b);//4
    
    var a = 1; 
    var b = a++ + a++; 
    // console.log(b);  // 3
    
    var a = 1; 
    var b = ++a + a++; 
    console.log(b);//4
    

    总结
    前置++:先加1,后参与运算
    后置++:先参与运算,后加1

    后置++ 运算的两个条件,满其一就会执行

    1:整个表达式结束;2表达式没结束但是又被使用了;

    上面两个理解后,下面两个自通
    前置-- :先减1,后参与运算
    后置-- :先参与运算,后减1

4.3 逻辑运算符(布尔运算符) *

&& 与 左边为真则取右边,左边为假则取左边
|| 或 左边为真则取左边,左边为假则边右边
!  非  取反
var a = 1;
var b = 2;
var c = 0;

console.log(a || b); //1
console.log(b || a); //2
console.log(c && a); //0
console.log(a || c && b); //1

// JS逻辑运算中的逻辑或和逻辑与的运算结果:
// 决定整个表达式的子表达式的值

4.4 关系运算符(比较运算符)

<  >  >=  <= == != === !==
=====的区别:==只进行值得比较,===类型和值同时相等,则相等

var result = '55' == 55;  	// true
var result = '55' === 55; 	// false 值相等,类型不相等
var result = 55 === 55; 	// true

4.5 赋值运算符

注意与数学符号的差别;

= += -= *= /= %=

例如:
var num = 0;
num += 5;	//相当于  num = num + 5;

4.6 运算符的优先级 *

在这里插入图片描述

优先级从高到底
1. ()  优先级最高
2. 一元运算符  ++   --   !
3. 算数运算符  先*  /  %   后 +   -
4. 关系运算符  >   >=   <   <=
5. 相等运算符   ==   !=    ===    !==
6. 逻辑运算符 先&&   后||
7. 赋值运算符
// 练习1:
var s = 4 >= 6 || '人' != '阿凡达' && !(12 * 2 == 144) && true
console.log(s); //true

// 练习2:
var num = 10;
var f = 5 == num / 2 && (2 + 2 * num)
console.log(f.toString() === 22) //false

总结:

操作符的使用,基本数学运算,一元运算符自增自减及前置后置的区别,逻辑运算符及取值,关系比较运算符,赋值运算符,运算符优先级;

发布了2103 篇原创文章 · 获赞 2319 · 访问量 22万+
App 阅读领勋章
微信扫码 下载APP
阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 程序猿惹谁了 设计师: 上身试试

分享到微信朋友圈

×

扫一扫,手机浏览