JavaScript中的运算符我的分享

时间  2019-12-05
标签 javascript 运算符 我的 分享 栏目 JavaScript 繁體版
原文   原文链接

运算符

加减乘除法运算符

  1. 加法运算符:
  • 若是字符串进行加法计算 - 叫拼串
  • 加法遇到字符串都是链接而不是加法运算
  • 若是boolean类型进行加法计算时 - 加法运算自动将布尔类型转换为数字值在进行加法
  • 注意:操做变量中若是不存在string类型的话 -> 执行的是加法计算

示例代码:函数

var num = 100;
var str1 = '一花一世界';
var str2 = '200';
var boo = true;

var result1 = num + 300;
console.log(result1);// 调用结果为 400

// 若是字符串进行加法计算 -> 字符串链接运算符(拼串)
var result2 = str1 + 300;
console.log(result2);// 调用结果为 一花一世界300
console.log(typeof result2);// 调用结果为 string

var result3 = str2 + 300;
console.log(result3);// 调用结果为 200300
// 若是布尔类型进行加法计算 -> 将布尔类型转换为数字值，再进行加法计算
var result4 = boo + 300;
console.log(result4);// 调用结果为 301

2.减法运算符性能

  • 仅局限于数学计算(数字值)
  • 若是操做变量的类型不是number(数字)类型那它会先将当前数据类型转换为number(数字)类型
  • 备注:减法必定是数字减法

示例代码:code

var result5 = num - 100;
console.log(result5);// 调用结果为 0
// 若是字符串进行减法计算的话 -> 将字符串类型转换为数字值，再进行减法计算
var result6 = str1 - 100;
console.log(result6);// 调用结果为 NaN

var result7 = str2 - 100;
console.log(result7);// 调用结果为 100
// 若是布尔类型进行减法计算 -> 将布尔类型转换为数字值，再进行减法计算
var result8 = boo - 100;
console.log(result8);// 调用结果为 -99
  • 特殊状况:数字减NaN和字符串输出结果都得出NaN

示例代码:字符串

console.log(num - NaN);// NaN
console.log(num - '我是谁');// NaN

3.乘法和除法运算符和减法运算符同样数学

  • 注意: 除了加法运算符以外，全部算数运算符都是执行数学计算

求余运算符 - 就是获取除法计算以后的余数

  • 特殊状况: 求余的结果是正数仍是负数与第一个操做的数有关,(与第二个操做的数无关)

示例代码:string

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)

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

    • 先自增，再赋值

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

    • 先赋值，再自增

示例代码:变量

var num = 10;
console.log(num);// 10

// 前置自增
var result1 = ++num;
console.log(result1);// 11
console.log(num);// 11

// 后置自增
var result = num++;
console.log(result);// 10
console.log(num);// 11

运算符的优先级别

  1. 先计算优先级别高的运算符
  2. 运算符的级别相同，从左至右的计算

  • 运算符中优先级别最高的是"()"扩展

    • 优先计算的表达式利用"()"将其包裹起来

示例代码:

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

比较运算符

大于小于比较运算符

示例代码:

// 1.number类型
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

相等和不相等与全等和不全等比较运算符

1.相等和不相等:

  • 相等比较运算符

    • 与赋值运算符的区别
    • 赋值运算符(=)
    • 相等比较运算符(==)

  • 不等比较运算符

    • 符号是"!="
    • 不是"<>"

示例代码:

// 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

2.等和不相等与全等

  • 彻底相等 : 是三个等于号 (===)
  • 彻底不相等 : 是以个叹号两个等号 ( !== )
  • 彻底相等就是说不仅是值相等并且类型也必须相等
  • 反之彻底不相等道理同样必须是全部都不同才能够(好比:值和类型)

示例代码:

// 全等 - 不只比较值，还比较类型
console.log(10 === 10);// true

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

// 不全等
console.log(11 !== 10);// true

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

  • 备注:

    • 相等和不相等与全等和不全等的区别

      • 相等就是只要值是同样的就行
      • 全等则是值和类型都要同样才行

isNaN()函数

  • 做用 - 判断当前值是否为 NaN

    • true - 表示当前值是 NaN(不是一个数字值)
    • false - 表示当前值不是 NaN(不是一个数字值)
  • 注意: 全等和相等都很差使

示例代码:

console.log(isNaN(100));// false
console.log(isNaN(Number('一花一世界')));// true

isFinite()函数

  • 做用 - 判断当前值是否为无穷大

  • 注意:boolean类型的值在isFinite()函数中表示的意思是:

    • 表示当前值是无穷大
    • true - 表示当前值是有限数值
var result = 100/0;
console.log(result);// Infinity - 表示无穷大的意思
console.log(isFinite(result));// false

逻辑运算符

逻辑与运算符

  • 总结:

    • 逻辑与至关于生活中说的'而且'的意思
    • 若是两个变量的布尔值都为false的话，结果为左边变量的值
    • 若是两个变量的布尔值，一个是true一个是false的话，结果为false的变量值
    • 若是两个变量的布尔值都为true的话，结果为右边变量的值
    • 注意:计算的结果不管是什么类型，转换为布尔类型时结果只能是true或false

代码示例图:

console.log(true && true);// 调用结果为 true
console.log(true && false);// 调用结果为 false
console.log(false && true);// 调用结果为 false
console.log(false && false);// 调用结果为 false
/*
    将逻辑与运算符的两个操做数，转换为布尔类型
    * 当左边的操做数为true时，结果为右边操做数的值
    * 当左边的操做数为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(1 && '一花一世界');// 调用结果为 一花一世界
console.log(false && 0);// 调用结果为 false

逻辑或运算符

  • 将逻辑与运算符的两个操做数，转换为布尔类型

    • 逻辑或至关于生活中说的'或者'的意思
    • 若是两个变量的布尔值都为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('' || '');// 调用结果为 ''

逻辑非运算符

  • 逻辑非 - 语法 : (!)

    • 逻辑非至关于生活中说的'不是'的意思
    • 逻辑非就是取相反
    • 若是当前值为true(对的)获得结果就是false(错的)
  • 备注:null,0,NaN,空字符串 ("") 和undefined都是false(错的)

赋值扩展运算符

  • 赋值扩展运算符 - 就是简写形式

    • 优势:

      1. 代码量减小
      2. 性能更好

示例代码对比:

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

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

条件运算符

  • 条件运算符的语法格式

    • 条件表达式 ? 为true的结果 : 为false的结果
    • 问号 (?)后是为true的结果 - 能够是任何类型 - 好比: 字符串,布尔值,数字值等等
    • 冒号 (:)后是为false的结果 - 能够是任何类型 - 好比: 字符串,布尔值,数字值等等

示例代码:

var result = 10 > 20 ? '对' : '错';
console.log(result);// 调用结果为 错

var score = 95;
score > 90 ? console.log('帅') : console.log('丑');// 调用结果为 帅

嵌套条件运算符

  • 嵌套条件运算符

    • 优势 - 扩展了条件运算符自己的计算能力

    • 缺点

      1. 可读性比较差
      2. 性能随着嵌套的层级越多越差
  • 建议 - 最多不要超过三层嵌套

示例代码:

var result = score > 90 ? '很帅' : score > 80 ? '通常帅' :  '很丑';
console.log(result);
相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程