【JavaScript】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

展示效果 :

在这里插入图片描述

相关阅读:
你们眼睛干涩，胀痛吗？C# WPF 久坐提醒桌面小程序 - 内附眼肌运动、远视力表高清图
PAT 1036 Boys and Girls
微信小程序 23 播放音乐页
使用Apache HttpClient爬取网页内容的详细步骤解析与案例示例
VirtualLab专题实验教程-2.分束器
多线程面试指南
Qt应用软件【协议篇】GPIO控制LED灯
Vue3组件通信全解析：利用props、emit、provide/inject跨层级传递数据，expose与ref实现父子组件方法调用
全网最全最通俗易懂的Kafka知识点汇总，入门到精通，完全学会
“量化交易”、“算法交易”、“电子交易”等新型交易模式是如何发展起来的呢？

原文地址：https://blog.csdn.net/han1202012/article/details/136717371

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