JavaScript 算术运算符

阿里云国内75折 回扣 微信号：monov8
阿里云国际，腾讯云国际，低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号：monov8 飞机：@monov6

JavaScript 算术运算符

  • 加减乘除以及取模求余数、++、–

    <!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></body>
  <script>
    // + - * /
    console.log(10 + 20); // 30
    console.log(10 - 20); // -10
    console.log(10 * 20); // 200
    console.log(10 / 20); // 0.5

    // % 取模或者叫求余数
    // 判断一个数的奇偶性
    function parity(a) {
      if (a % 2 == 0) {
        console.log(a + "这个数是一个偶数");
      } else {
        console.log(a + "这个数是一个奇数");
      }
    }
    parity(11);
  </script>
</html>

  • 三元运算符

    <!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></body>
  <script>
    // 三元运算符
    // 判断条件?语句一:语句二

    var a = 1 > 2 ? "真" : "假";

    console.log(a); // 假
  </script>
</html>

  • 案例小知识

    • 在一个表单输入框输入任意一个数字通过点击按钮判断是否为奇偶数。

      <!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>
    <input type="number" id="num" />
    <button type="button" id="btn">求奇偶数</button>
  </body>
  <script>
    // 求奇偶数

    // 获取按钮的 DOM 对象
    var btn = document.getElementById("btn");
    // 获取文本框的 DOM 对象
    // 获取 input 元素文本框内容通过 value 属性
    var num = document.getElementById("num");
    btn.onclick = function () {
      var numValue = num.value;
      var result = numValue % 2 == 0 ? "偶数" : "奇数";
      alert(result);
    };
  </script>
</html>

      在这里插入图片描述

  • 赋值运算法

    <!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></body>
  <script>
    // 赋值运算符 =
    var a = 10,
      b = 10,
      c = 10,
      d = 10,
      e = 10;

    // += -= /= *= %=
    b += 5; // b+5 在赋值给b  b=b+5
    c *= 5; // c*5 在赋值给c  b=b*5
    d /= 5;
    e %= 5;

    console.log(a, b, c, d, e);
    // 10 15 50 2 0
  </script>
</html>

  • +和字符串的运算做字符串的拼接

  • 比较运算符

    • 比较运算符的返回值 是一个boolean类型的值[true、false]

    • =比较值是否相等不比较类型

      <!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></body>
  <script>
    // 比较运算符的返回值 是一个boolean类型的值 [true、false]

    // = 比较相等
    var a = 5 == 5; // 将 5==5 的比较结果赋值给a
    console.log(a); // true

    var b = 5 == "5"; // 只比较数值 不比较类型
    console.log(b); // true
  </script>
</html>

    • ===比较值是否相等以及类型是否相等

      <!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></body>
  <script>
    // === 比较值和类型
    var c = 5 === 5;
    console.log(c); //true
    var d = 5 === "5";
    console.log(d); //false
  </script>
</html>

    • !=不等于

    • !==不绝对等于

      <!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></body>
  <script>
    // != 不等于 只比较值
    var a = 5 != "5";
    console.log(a); //false
    // !== 比较值以及类型
    var b = 5 !== "5";
    console.log(b); // true
  </script>
</html>

    • >、>=、<、<=

      <!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></body>
  <script>
    // < > <= >=
    console.log(10 < 5); // false
    console.log(10 > 5); // true
    console.log(10 >= 10); // true
    console.log(10 <= 10); // true
  </script>
</html>

  • 逻辑运算符

    • &&相当于and

      <!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></body>
  <script>
    // && 短路与 比较两个Boolean类型的表达式
    // 当两个都为 true 则结果为 true
    // 当有一个false 则结果为 false
    // 当两个都为 false 则结果为 false

    var a = 10 > 5; // true
    var b = 10 < 5; // false
    var c = a && b;
    console.log(c); // false
  </script>
</html>

    • ||相当于or

      <!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></body>
  <script>
    // || 短路或  比较两个Boolean的表达式
    // 当一个为 true 则结果为 true
    // 当两个都为 true 则结果为 true
    // 当两个都为 false 则结果为 false
    var a = true;
    var b = false;
    console.log(a || b); // true
  </script>
</html>

    • !

      <!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></body>
  <script>
    // ! 逻辑非 取反

    var a = !true;
    console.log(a); // false
  </script>
</html>
阿里云国内75折 回扣 微信号：monov8
阿里云国际，腾讯云国际，低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号：monov8 飞机：@monov6
标签: JavaScriptJava
返回列表

上一篇：Springboot入门

下一篇：Python中mmap模块（处理大文本）

“JavaScript 算术运算符” 的相关文章

基于JavaSpringboot+vue国风汉服文化交流宣传系统1年前 (2023-02-02)
Java异常1年前 (2023-02-02)
Selenium入门（一）Java 搭建 Selenium 环境1年前 (2023-02-02)
使用Java为何总写出C风格的代码？1年前 (2023-02-02)
4年Java开发，阿里被裁两个月，想要26K的工作都找不到！投200份简历，只有4个面试邀请，准备去外包了！...1年前 (2023-02-02)
Java三大技术平台是什么？1年前 (2023-02-02)
Java字符串训练1年前 (2023-02-02)
【Java面试】Queue接口1年前 (2023-02-02)
轻量级 Java 权限认证框架——Sa-Token1年前 (2023-02-02)
【JavaEE】网络初识之网络通信基础1年前 (2023-02-02)

阿里云国际版