Vue JS处理科学计数法字符串

末蓝、 2024-04-01 09:03 63阅读 0赞

**目录**

方法一

方法二

--------------------

#### 方法一 ####

var cellValue = "8.775493520039305E7";
    cellValue = Number(cellValue).toFixed(2);
    // 输出结果
    console.log(cellValue);
    //87754935.20

![d0e3ca60c5b3459792b382d8e0d8b968.png][]

> 如果有指定的精度precision，则直接使用  
> 如果没用指定的精度，就想显示全部则可以把E后面的数字提取出来就可以了  
> precision=parseInt(cell.substring(cell.toLowerCase().indexOf('e') + 2))  
> 因为存在4.0E-12和4.0E+12，就是e前面可能是+ /- ， 如果是e+12大于小数点之后的位数则应该是一个正整数，否则是一个小数，所以这里需要再进行一次格式化，判断是一个小数或者是一个整数，最简单的方式就是使用  
> parseInt(cell)==parseFloat(cell)，如果相等则是整数，否则是小数

#### 方法二 ####

JavaScript中可以使用toExponential()方法将一个数字转换为科学计数法表示，或使用parseFloat()方法将一个科学计数法表示的字符串转换为普通数字。
    
    下面是一些示例代码：
    
    转换为科学计数法：
    
    let num = 123456789;
    let sciNum = num.toExponential();
    console.log(sciNum); // 输出 1.23456789e+8
    
    从科学计数法表示的字符串中获取数字：
    
    let sciNumStr = '1.23456789e+8';
    let num = parseFloat(sciNumStr);
    console.log(num); // 输出 123456789
    
    
    如果需要处理较大或较小的数值，也可以使用 BigNumber 或 Decimal.js 这样的第三方库。
    
    下面是一些例子，演示如何将科学计数法格式的字符串转换为数字：
    
    // 将科学计数法字符串转换为数字
    let num1 = parseFloat('1.23e+5');
    console.log(num1); // 输出 123000
    
    let num2 = parseFloat('3.689495e-25');
    console.log(num2); // 输出 3.689495e-25
    
    // 处理较大的数字
    let bigNum = parseFloat('9.999999999999999e+100');
    console.log(bigNum); // 输出 1e+101 (原值无法正确表示)
    
    // 使用第三方库 BigNumber 处理较大的数字
    let BigNumber = require('bignumber.js');
    let bigNum2 = new BigNumber('9.999999999999999e+100');
    console.log(bigNum2.toString()); // 输出 9999999999999999000000000000000000000000000000000000000000000000000000000000000000000000000000000
    
    // 使用第三方库 Decimal 处理较大的数字
    let Decimal = require('decimal.js');
    let bigNum3 = new Decimal('9.999999999999999e+100');
    console.log(bigNum3.toString()); // 输出 9999999999999999000000000000000000000000000000000000000000000000000000000000000000000000000000000
    
    注意，处理较大或较小时，存在误差的情况。如果需要精确计算，建议使用第三方库进行处理。

**有用请点赞，养成良好习惯！**

**疑问、交流、鼓励请留言！**

[d0e3ca60c5b3459792b382d8e0d8b968.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/08c20accda6d47aca034c165b1f25690.png