8.30 Web前端-JS

hello大家好，今天让我们来学习一下运算符方面的知识以及使用方法。

1.数学运算符：

首先我们学的是见到的最多的运算，日常生活中的加减乘除，这里直接用代码举例子给大家看看：

<!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>Document</title>
  </head>
  <body>
    <script>
      var num1 = 1;
      var num2 = 2;

      var res = num1 + num2;
      console.log("1+2=" + res);

      res = num1 - num2;
      console.log("1-2=" + res);

      res = num1 * num2;
      console.log("1*2=" + res);

      res = num1 / num2;
      console.log("1/2=" + res);

      res = num1 % num2;
      console.log("1%2=" + res);
    </script>
  </body>
</html>

最后我还用了一个取模运算，这个在后期有些时候我们也会用的到，最终输出结果如下：

这都是一些基本的运算，然后下面我们继续来说还有一个自加运算和自减运算，需要注意的是自加运算有两种表现形式，++a和a++，它们在不参与运算的时候没有区别，但是参与运算的时候a++表示先参与运算，再加1，而++a则表示先加1，再参与到运算当中，举个例子：

<!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>Document</title>
  </head>
  <body>
    <script>
      var a = 10;
      var b = 20;
      var sum = 0;
      sum = a++ + b++;
      console.log(sum);
      sum = ++a + ++b;
      console.log(sum);
    </script>
  </body>
</html>

运算结果如下所示：

2.赋值运算符：

赋值运算符的作用一般可以简化我们书写的代码量，在实际运用中广受好评，我们最常用到的就是+=这个赋值运算符，下面给大家举例大家就懂了：

<!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>Document</title>
  </head>
  <body>
    <script>
      var num = 10;
      num += 2; // num = num+2
      console.log("num=" + num);
      num -= 2; //  num = num -2
      console.log("num=" + num);
      num *= 2; //  num = num*2
      console.log("num=" + num);
      num /= 2; //  num = num/2
      console.log("num=" + num);
      num %= 2; //  num = num%2
      console.log("num=" + num);
    </script>
  </body>
</html>

输出结果如下所示：

3.比较运算符：

在数学中我们经常对数字大小进行比较，在这里我们也可以用比较运算符进行一系列运算，常见的比较运算符有==，!=，!==，>，<，>=，<=，用法就是在两个数值之间进行比较，方法较为简单也比较容易掌握。

4.逻辑运算符：

逻辑运算符是一个关键的点，这涉及到后期我们许多逻辑运算，最常见的就是与或非三种逻辑运算符，三种的区别我来一个一个说：

与：符号为&&，假设有a和b两个事件为真，那么a&&b的结果就为true，如果其中有一个事件为假，那么两者结果为false，有个好记的口诀为：同真为真，其余为假。

或：符号为||,假设有a与b两个事件，只要其中一个为真，那么a||b的结果就为true，只有在两者都为假事件的时候，a||b的结果才为false，记法口诀为：同假为假，其余为真。

非：符号为！，意思就是去翻，比如a这个事件结果为true，那么！a的结果就是false，很简单。

那么今天运算符的介绍就先到这里了，我们下一期再见各位朋友！

猜你喜欢