• 【JavaScript】JavaScript 运算符 ① ( 运算符分类 | 算术运算符 | 浮点数 的 算术运算 精度问题 )

    文章目录





    一、JavaScript 运算符


    1、运算符分类


    在 JavaScript 中 , 运算符 又称为 " 操作符 " , 可以实现 赋值 = , 比较 > < , 算术运算 +-*/ 等功能 , 运算符功能主要分为以下几类 :

    • 算术运算符
    • 比较运算符
    • 逻辑运算符
    • 位运算符
    • 赋值运算符

    2、算术运算符


    JavaScript 算术运算符 用于 执行 算术运算 , 如 : 加 + , 减 - , 乘 * , 除 / , 取余 % , 自增 ++ , 自减 -- 等 ;


    取余 运算符 % 最常见的使用场景 , 就是判定 一个数 是否能被 整除 , 如 : 判断 a 是否能被 b 整除 , 直接判断 a % b 是否为 0 即可 ;


    代码示例 :

    DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScripttitle>
    <style>style>
    <script>
        // 算术运算符示例

        let a = 5;
        let b = 2;

        console.log(a + b); // 输出 : 7  
        console.log(a - b); // 输出 : 3  
        console.log(a * b); // 输出 : 10  
        console.log(a / b); // 输出 : 2.5  
        console.log(a % b); // 输出 : 1  

        a++; // 5 自增 后 是 6  
        b--; // 2 自减 后 是 1  

        console.log(a); // 输出 : 6  
        console.log(b); // 输出 : 1
    script>
head>

<body>
body>

html>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34

    展示效果 :

    在这里插入图片描述


    3、浮点数 的 算术运算 精度问题


    浮点数 的 最高精度 是 小数点后 17 位小数 , 第 17 位 小数 开始 就会出现误差 ;

    浮点数 进行算术运算时 , 其精度 远小于 整数 , 浮点数 会有精度误差 , 因此 在 JavaScript 代码中 , 要避免使用 浮点数 进行运算 ;

    下面的 浮点数运算时 , 都是 在 第 17 位小数的位置 出现了误差 ;

            // 浮点数算术运算
        console.log(0.1 + 0.2); // 输出 : 0.30000000000000004
        console.log(0.1 * 3); // 输出 : 0.30000000000000004

    • 1
    • 2
    • 3

    浮点数 0.1 + 0.2 的结果是 0.30000000000000004 , 不等于 0.3 , 在 JavaScript 中 , 不能直接使用 浮点数 进行数值比较 ;


    代码示例 :

    DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScripttitle>
    <style>style>
    <script>
        // 算术运算符示例

        // 浮点数算术运算
        console.log(0.1 + 0.2); // 输出 : 0.30000000000000004
        console.log(0.1 * 3); // 输出 : 0.30000000000000004

        // 浮点数 不能 用于 数值比较操作
        var num = 0.1 + 0.2;
        console.log(num == 0.3); // 输出 : false
    script>
head>

<body>
body>

html>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27

    展示效果 :

    在这里插入图片描述

  • 相关阅读:
    莹莹API管理系统源码附带两套模板
    [附源码]计算机毕业设计springboot安防管理平台
    （十九）数据结构-图的应用-有向无环图表达形式、拓扑排序、关键路径
    【C++】入门三
    【红队】ATT&CK - 创建或修改系统进程实现持久化（更新ing）
    PHP代码审计系列（二)
    git命令
    同事悄悄告诉我，飞书通知还能这样玩
    XILINX FIR IP 详解、Verilog 源码、Vivado 工程
    MySQL的replace into 与insert into on duplicate key update
  • 原文地址：https://blog.csdn.net/han1202012/article/details/136717371