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

韩曙亮

发布于 2024-03-18 08:36:12

660

发布于 2024-03-18 08:36:12

文章被收录于专栏：韩曙亮的移动开发专栏韩曙亮的移动开发专栏

一、JavaScript 运算符

1、运算符分类

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

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

2、算术运算符

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

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

代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <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>JavaScript</title>
    <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>

展示效果 :

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

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

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

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

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

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

代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <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>JavaScript</title>
    <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>

展示效果 :

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2024-03-15，如有侵权请联系 cloudcommunity@tencent.com 删除

html

console