js运算符优先级的比较及js逻辑运算符的解析

本文对不同分类的运算符进行了详解，然后描述了js运算符的优先级，优先级指的是运算符具有计算的优先级别，下文会有详细的介绍。

怎么比较js中的运算符？JavaScript语言中的比较运算符主要用于比较两个操作数的值是否相等或者大小情况。文章具有参考价值，需要的可以收藏。

运算符概述

JavaScript提供了一组用于操作数据值的运算符又称为操作符
运算符可以按照作用的不同或者操作变量数量的不同进行分类

算数运算符

1.如果运算数中的一个或两个是字符串类型 JavaScript会自动转换为数字值在进行计算
2.如果运算数中的一个换两个是字符串类型但其中的字符不是数字 JavaScript会自动转换数字值的到NaN结果
3.任何一个运算数都是NaN 结果都是NaN
4.布尔值false和true会转转为0和1进行计算

加法运算符

1.如果两个操作数都是数字值的话会进行加法计算
2.如果字符串进行加法计算 - 字符串连接运算符(拼串)
3.如果布尔类型进行加法计算 - 将布尔类型转换为数字值再进行加法计算

减法运算符

1.减法运算之前先将其他类型转换为number类型再进行计算
2.如果字符串进行减法计算的话 - 将字符串类型转换为数字值再进行减法计算
3.如果布尔类型进行减法计算 - 将布尔类型转换为数字值，再进行减法计算

求余运算符

求余运算符用于计算两个运算数整除后的余数
求的结果是正数还是负数与第一个操作数是正数或负数有关(与第二个无关)

    console.log(100 % 3);//1
    console.log(8 % 4);//0

    console.log(100 % -3);//1
    console.log(8 % 4);//0

    console.log(-100 % 3);//-1
    console.log(-8 % 4);//0

    console.log(-100 % -3);//-1
    //与减法的情况保持一致
    console.log('卧龙学苑' % 2);//NaN

登录后复制

自增运算符与自减运算符

自增运算符用于整数值逐次+1 分为:
a.前置型:自增运算符位于运算数之前先加1 再赋值

前置自增运算符 - ++变量名

登录后复制

b.后置型:自增运算符位于运算数之后先赋值再加1

后置自增运算符 - 变量名++

登录后复制

自减运算符用于整数值逐次-1 分为:
a.前置型:自减运算符位于运算数之前先减1 再赋值
b.后置型:自减运算符位于运算数之前先赋值再减1

运算符的优先级别
运算符具有计算的优先级别
1.先计算优先级别高的运算符
2.运算符的级别相同，从左至右的计算
3.运算符中优先级别最高的是“()”
4.优先计算的表达式利用"()"将其包裹起来

    console.log(100 + 200 - 150 * 3);// -150
    console.log(100 + 200 % 3);// 102
    console.log(2 * 200 % 3);// 1

    var num = 10;
    console.log(5 + ++num);// 16

登录后复制

比较运算符

JavaScript语言中的比较运算符主要用于比较两个操作数的值是否相等或者大小情况

一.大于与小于比较运算符

登录后复制

    console.log(10 > 11);//false
    console.log(11 > 10);//true
    console.log(10 >= 10);//true
    // 2.boolean类型 - 将boolean类型转换为number类型
    console.log(true > false);//true
    console.log(true > 0);//true
/*
    3.string类型 - a.英文; b.中文
    * 英文或中文 - 将文本转换成Unicode码 - 对应具有数字值
    * 英文单词 - 从左至右的一次比较字母 Unicode 码的大小
*/
    console.log('a' < 'b');//true
    console.log('a' > 'A');//true
    console.log('abc' > 'cba');//false
    console.log('abc' > 'acd');//false

    console.log('我' > '你');//true

登录后复制

二.相等与不等比较运算符

登录后复制

相等比较运算符
*与赋值运算符的区别
*赋值运算符(=)
*相等比较运算符(==)
不等比较运算符
*符号是"!="
*不是"<>"
相等与不等比较运算符只比较操作数的值并不比较类型

    // 1.number类型
    console.log(10 == 10);// true
    console.log(10 == 11);// false
    // 2.boolean类型
    console.log(true == true);// true
    console.log(true == false);// false

    console.log(true == 1);// true

    // 3.string类型
    console.log('a' == 'a');// true
    console.log('a' == 'b');// false
    
    console.log('100' == 100);// true

登录后复制

三.全等与不全等运算符 
全等与不全等运算符 不仅比较值 还比较类型

登录后复制

    console.log(10 === 10);// true

    console.log('10' === 10);// false
    console.log('10' == 10);// true

登录后复制

函数

isNaN()函数用于判断其参数是否为NaN值(非数字值)
作用:判断当前值是否为 NaN
true - 表示当前值是NaN(不是一个数字值)
false - 表示当前值不是NaN(不是一个数字值)
isFinite()函数
作用 - 判断当前值是否为无穷大
false - 表示当前值是无穷大
true - 表示当前值是有限数值

    console.log(isNaN(100));// false
    console.log(isNaN(Number('卧龙学苑')));// true

    var result = 100/0;
    console.log(result);// Infinity
    //isFinite()函数
    console.log(isFinite(result));// false

登录后复制

逻辑与运算符

JavaScript运算符基本用法是用于布尔类型的计算
逻辑与运算符时如果两个操作数都是布尔类型的话只有当两个操作数都为true时返回的结果才为true 否则都为false
1.将逻辑与运算符的两个操作数转换为布尔类型
2.当左边的操作数为true时结果为右边操作数的值
3.当左边的操作数为false时结果为左边操作数的值

    console.log(true && true);// true
    console.log(true && false);// false
    console.log(false && true);// false
    console.log(false && false);// false

    console.log(100 && 1);// 1
    console.log(1 && 0);// 0
    console.log(0 && 1);// 0
    console.log(0 && 0);// 0

    console.log(true && true);
    console.log(true && false);
    console.log(false && true);
    console.log(false && false);

    console.log('卧龙学苑' && '卧龙学苑');// 卧龙学苑
    console.log('卧龙学苑' && '');// ''
    console.log('' && '卧龙学苑');// ''
    console.log('' && '');// ''

    console.log('卧龙学苑' && 1);// 1
    console.log(false && 0);// false

登录后复制

逻辑或运算符

使用逻辑或运算符时如果两个操作数都是布尔类型的话只有当其中一个操作类型数都为true时返回的结果才为true 否则都为false

    console.log(true || true);// true
    console.log(true || false);// true
    console.log(false || true);// true
    console.log(false || false);// false

    console.log(100 || 1);// 100
    console.log(1 || 0);// 1
    console.log(0 || 1);// 1
    console.log(0 || 0);// 0

    console.log(true || true);
    console.log(true || false);
    console.log(false || true);
    console.log(false || false);

    console.log('卧龙学苑' || '卧龙学苑');// 卧龙学苑
    console.log('卧龙学苑' || '');// 卧龙学苑
    console.log('' || '卧龙学苑');// 卧龙学苑
    console.log('' || '');// ''

登录后复制

赋值扩展运算符

JavaScript语言中的赋值运算符用于为变量或属性进行赋值操作
JavaScript语言中的赋值扩展运算符实际就是赋值运算符与算数运算符配合使用的简写模式
JavaScript语言中的赋值扩展运算符的执行效率更高

    var b = 10, c = 20;

    var a = b + c;
    console.log(a);// 30

    // b = b + c;
    // 等价写法 - 赋值扩展运算符的性能要比赋值运算符更高
    b += c;
    console.log(b);// 30

登录后复制

条件运算符

条件运算符首先判断一个表达式是真是假然后根据判断结果执行两个给指定指令中的一个

    var result = 8 > 9 ? '对' : '错';
    console.log(result);

    var score = 95;
    score > 90 ? console.log('优秀') : console.log('及格');

登录后复制

嵌套条件运算符

条件运算符中每个表达式可以又是一个条件运算表达式称为条件运算的嵌套
优点:扩展了条件运算符本身的计算能力
缺点:可读性比较差性能随着嵌套的层级越多越差
建议:不要最多不要超过三层嵌套

    var score = 55;

    var result = score > 90 ? '优秀' : (score > 80 ? '良好' : (score > 60 ? '及格' : '不及格'));
    console.log(result);

登录后复制