（10）js操作符（运算符）

最新推荐文章于 2024-07-26 20:46:33 发布

泽哥ins

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量198

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_36213140/article/details/122224446

版权

JavaScript 专栏收录该内容

10 篇文章 3 订阅

订阅专栏

一、操作符介绍

• 操作符，也叫运算符 operator ，是 js 中发起运算最简单的方式。例如：5 + 6

• 表达式（expression）的组成包含操作数和操作符，表达式会得到一个结果，然后用结果参与程序

二、操作符的分类

• 算术运算符 • 比较运算符 • 逻辑运算符 • 赋值运算符 • 一元运算符

2.1算术运算符

• + - * / % () • %:取余，取模。 a / b = c 余 d，就说a % b = d。

• 运算顺序：先算乘除取余、再算加减，有小括号先算小括号

• （-）：既可以表示减号，也可以表示负号。

• （+）：既可以表示加号，也可以表示字符串拼接。

• （%）：求余，也叫模运算。

• n%2 ==0 说明n是偶数，否则为奇数。

• m%n ==0 说明m能被n整除。

正常情况：数字与数字之间的运算。

<script>
    console.log(1+2);//3
    console.log(1-2);//-1
    console.log(1*2);//2
    console.log(1/2);//0.5
    console.log(1%2);//1   1取2的余数，只能是0 或者1  不可能是2  也就是取的数-1，就是余数
</script>

非正常情况 1：

• 有特殊值字面量参与的运算。

• NaN参与的运算：得到的结果都是NaN

• Infinity参与的运算，视情况而定

• 工作中并不会使用特殊值运算，没有实际应用的意义，但是要了解，以防面试遇到。

<script>
    //NaN参与的运算：得到的结果都是NaN
    console.log(NaN + 5);//NaN
    console.log(NaN - 5);//NaN
    console.log(NaN * 5);//NaN
    console.log(NaN / 5);//NaN
    console.log(NaN % 5);//NaN

    //Infinity参与的运算，视情况而定
    console.log(Infinity + 5);//Infinity
    console.log(Infinity - 5);//Infinity
    console.log(Infinity * 5);//Infinity
    console.log(Infinity / 5);//Infinity
    console.log(Infinity % 5);//NaN
    console.log(-Infinity + 5);//-Infinity
    console.log(-Infinity - 5);//-Infinity
    console.log(-Infinity * 5);//-Infinity
    console.log(-Infinity / 5);//-Infinity
    console.log(-Infinity % 5);//NaN
    console.log(5 + Infinity);//Infinity
    console.log(5 - Infinity);//-Infinity
    console.log(5 * Infinity);//Infinity
    console.log(5 / Infinity);//0
    console.log(5 % Infinity);//5
    console.log(Infinity % Infinity);//NaN
</script>

非正常情况 2：

• 其他类型的数据参与数学运算。

• 有字符串参与的 + 运算：+ 号变为连字符将前后连接成整体字符串。

• 隐式转换：除了字符串参与的 + 运算，其他情况下，所有其他数据类型参与数学运算时，计算机暗中将其他数据类型先自动转换成数字类型，再参与运算，这个过程中不需要使用 parseInt()、Number() 等方法，过程是暗中进行，这就是一个隐式转换的过程。

隐式转换：

其他的数据类型会隐式转换为数字类型：

• 对应数字：纯数字字符串会转为对应的数字”123”→123

• 转换为1： true

• 转换为0：false、null、 “”空字符串、空白字符串

• 转换为NaN：undefined、非空非纯数字字符串

<script>
    // 非正常情况2
    // 字符串参与
    console.log(1 + "2");//12
    console.log(1 - "2");//-1
    console.log(1 * "2");//2
    console.log(1 / "2");//0.5
    console.log(1 % "2");//1
    // 其他的数据类型参与
    console.log(1 + true);//2
    console.log(1 + false);//1
    console.log(true + false);//1
    console.log(1 + undefined);//NaN
    console.log(1 + null);//1
    console.log(true + null);//1
</script>

总结：

隐式转换就是不需要程序员干预，JS自动完成的类型转换。

强制转换：需要程序员手动进行的类型转换。

2.2比较运算符

比较运算符，也叫作关系运算符。一个比较运算符 comparison operator 比较它的操作数并返回一个布尔类型值。运算结果要么是true，要么是false。 > 大于 < 小于 >= 大于等于 <= 小于等于 == 相等，只判断值大小是否相等，不判断数据类型 != 不等，与相等完全相反 === 全等，不光判断值相等，还要判断数据类型相等 !== 不全等，与全等于完全相反。

正常情况：与数字比较

非正常情况 1：

• 特殊值参与比较运算。 • NaN参与：不等于和不全等于结果是 true，其他的都得到 false。 • Infinity参与的运算，视情况而定。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>js运算符—比较运算符</title>
</head>
<body>
  <script>
    // 数字比较
    console.log(7 > 8);//false
    console.log(7 < 8);//true
    console.log(7 >= 8);//false
    console.log(7 <= 8);//true
    console.log(7 == 8);//false
    console.log(7 != 8);//true
    console.log(7 === 8);//false
    console.log(7 !== 8);//true

    //特殊值参与比较
    //NaN和数字比较
    console.log(NaN > 8);//false
    console.log(NaN < 8);//false
    console.log(NaN >= 8);//false
    console.log(NaN <= 8);//false
    console.log(NaN == 8);//false
    console.log(NaN != 8);//true
    console.log(NaN === 8);//false
    console.log(NaN !== 8);//true

    //NaN和NaN自身比较
    console.log(NaN > NaN);//false
    console.log(NaN < NaN);//false
    console.log(NaN >= NaN);//false
    console.log(NaN <= NaN);//false
    console.log(NaN == NaN);//false
    console.log(NaN != NaN);//true
    console.log(NaN === NaN);//false
    console.log(NaN !== NaN);//true

    //Infinity和数字比较
    console.log(Infinity > 8);//true
    console.log(Infinity < 8);//false
    console.log(Infinity >= 8);//true
    console.log(Infinity <= 8);//false
    console.log(Infinity == 8);//false
    console.log(Infinity != 8);//true
    console.log(Infinity === 8);//false
    console.log(Infinity !== 8);//true
    
    //Infinity和Infinity自身比较
    console.log(Infinity > Infinity);//false
    console.log(Infinity < Infinity);//false
    console.log(Infinity >= Infinity);//true
    console.log(Infinity <= Infinity);//true
    console.log(Infinity == Infinity);//true
    console.log(Infinity != Infinity);//false
    console.log(Infinity === Infinity);//true
    console.log(Infinity !== Infinity);//false
  </script>
</body>
</html>

泽哥ins

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
（10）js操作符（运算符）

一、操作符介绍• 操作符，也叫运算符 operator ，是 js 中发起运算最简单的方式。例如：5 + 6• 表达式（expression）的组成包含操作数和操作符，表达式会得到一个结果，然后用结果参与程序二、操作符的分类• 算术运算符 • 比较运算符 • 逻辑运算符 • 赋值运算符 • 一元运算符2.1算术运算符• + - * / % () • %:取余，取模。 a / b = c 余 d，就说a % b = d。• 运算顺序：先算乘除取余、再算加减，有小括号先算小括号
复制链接

扫一扫