JavaScript 中 Long 类型尾数舍去和 Double类型科学计数法的问题

逃离我推掉我的手 2023-01-10 05:23 138阅读 0赞

# Long 类型 尾数舍去 的问题 #

`Long` 类型的数据在 `JavaScript` 中会出现尾数舍去的情况， 比如说 后端一个数为 `864943364894076928` 但是在 `JavaScript` 中为 `864943364894076900`，尾数直接被舍去。

console.log(864943364894076928)
    
    864943364894076900

遇见这种情况下，我们一般想到的是后端为我们处理，将 `Long` 类型转化为 `String` 类型，其实前端也是可以处理的。

`JSONBig` 是一个第三方插件库，它用于解决 `Long` 类型 尾数舍去的问题。

import JSONBig from 'json-bigint'

在 `Vue` 项目中，我们一般使用 `Axios` 处理请求，以 `Axios` 为例

axios.create({ 
        transformResponse: [
            (data) => {  return JSONBig({  'storeAsString': true }).parse(data) }
        ]
    });

经过 `JSONBig` 的处理后，后端返回的所有 `Number` 类型的数据都将转换为 `String` 类型，这样就不会出现尾数舍去的问题了。

# Double类型 科学计数法 的问题 #

后台返回的 `Double` 类型的数据在前端被转换成科学计数法，比如说 `0.00000067`，在 `JavaScript` 中显示为 `6.7e-7`，虽然说显示成了科学计数法，但是它的类型是 `Number` 类型。

console.log(0.00000067)
    
    6.7e-7
    
    typeof 6.7e-7
    
    "number"

既然是 `Number` 类型，我们就可以使用 `Number` 的方法进行处理，处理科学计数法的显示问题一般使用 `toFixed(n)` 来处理。

6.7e-7.toFixed(8)
    
    "0.00000067"

具体保留几位小数根据业务需求进行自由选择，只要达到预期的效果就好了。

发表评论取消回复

表情：

评论列表（有 0 条评论，138人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 中 Long 类型尾数舍去和 Double类型科学计数法的问题

Long 类型尾数舍去的问题 `Long` 类型的数据在 `JavaScript` 中会出现尾数舍去的情况，比如说后端一个数为 `8649433648940769

逃离我推掉我的手/ 2023年01月10日 05:23/ 0 赞/ 139 阅读

相关 Java Double 避免科学计数法

代码 package com.me.basic; import java.math.BigDecimal; import java.te

小咪咪/ 2023年01月09日 15:32/ 0 赞/ 173 阅读

相关前端double类型乘积出现多位尾数问题

问题图： ![20210106104556682.png][] 接口参数： ![20210106104630849.png][] 数据处理： ![2021010610

深碍√TFBOYSˉ_/ 2023年01月02日 14:22/ 0 赞/ 85 阅读

相关【踩坑系列】使用long类型处理金额，科学计数法导致金额转大写异常

1. 踩坑经历上周，一个用户反馈他创建的某个销售单无法打开，但其余销售单都可以正常打开，当时查看了生产环境的ERROR日志，发现抛了这样的异常：`java.lang.N

怼烎@/ 2022年12月17日 15:54/ 0 赞/ 71 阅读

相关 mysql存储数据，varchar类型中的数据变成了科学计数法？

文章目录一、前言 1、表现形式 2、出现错误的sql 二、问题排查 1、数据表结

以你之姓@/ 2022年12月10日 08:43/ 0 赞/ 277 阅读

相关 Java获取double类型的数字，取消科学计数法显示

Java在获取Double类型的数字的时候如果位数长了就会自动转换成科学计数法显示，有时候不需要去显示科学计数法，这样我们就需要去手动转换一下： NumberForm

素颜马尾好姑娘i/ 2022年11月28日 13:53/ 0 赞/ 323 阅读

相关 Java Double类型出现科学计数法问题解决

问题描述： ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pet5Lic5oCq_si

刺骨的言语ヽ痛彻心扉/ 2022年09月12日 14:52/ 0 赞/ 762 阅读

相关 double类型输出,不以科学计数法方式输出

在Java语言中，当直接输出一个double类型的数据时，默认是按科学计数法输出，此时如果想与其他数据进行比较的时候，就比较麻烦了。因此，如果能手动设置输出的模式，就比较方

比眉伴天荒/ 2022年08月05日 07:44/ 0 赞/ 166 阅读

相关 Double 类型造成千万级别数据显示成科学计数方式的解决

一次在项目将数字用Double类型，结果当数字达到千万级别时，却变成1.0000914E7 ![watermark_type_ZmFuZ3poZW5naGVpdGk_

布满荆棘的人生/ 2022年03月22日 04:29/ 0 赞/ 587 阅读

相关 java中基本类型double和对象类型Double

Double.valueOf(str)把String转化成Double类型的对象比如Stirng str="1.0"; 那么Double.valueOf(str)等价

水深无声/ 2022年01月11日 06:53/ 0 赞/ 306 阅读