JavaScript 3e3的含义

·  阅读 16

js中变量赋值3e3的含义

const now =  Date.now()
const eNow = Date.now() + 3e3
console.log(now) // 1658912225929 2022-07-27 16:57:05
console.log(eNow) // 1658912228929 2022-07-27 16:57:08
复制代码

3e3的含义: 科学计数法

3e3 = 3 X(103次方) // 3X1000 3000 ,那么3000毫秒等于33e3 = 3000
2e3 = 2000
2.4e4 = 24000 
复制代码

js在以下情景下会自动将数值转换为科学计数法

1、当整数的位数超过22位时,js会自动将整数数值转化为科学记数法。

      js中的科学记数法:10000000000000000000(21个0)在js中的科学记数法表示为:1e+21;     

2、小数点前边是0,小数点后十分位(包含十分位)之后的0的个数超过6个数值就会自动转化为科学计数法;

       0.0000004 会转换为: 4e-7,  而0.10000004 则不会被转换,1.000000004也不会被转换

科学计数法

科学计数法是一种计数的方法。把一个数表示成a与10的n次幂相乘的形式(1≤a<10,n为整数),这种计数法叫做科学计数法。当我们要标记或运算某个较大或较小且位数较多时,用科学计数法免去浪费很多空间和时间。

科学记数法是一种记数的方法。把一个数表示成a与10的n次幂相乘的形式(1≤|a|<10,a不为分数形式,n为整数),这种记数法叫做科学记数法。  [2]  例如:19971400000000=1.99714×10^13。计算器或电脑表达10的幂是一般是用E或e,也就是1.99714E13=19971400000000。

记法与好处

当我们要标记或运算某个较大或较小且位数较多时,用科学记数法免去浪费很多空间和时间。

缺点

有时候需要展示数据时候,一些人员可能看不懂这种表达方式。

比如:

const a = 0.00000000002;
console.log(a); // 2e-11

它会自动转换成科学计数法以便换取更多的空间。但是在渲染问题上,受众很难通过这个去理解,所以我们需要对这种渲染方法进行转化
复制代码

转化函数

function toolNumber(num_str) {
        num_str = num_str.toString();
        if (num_str.indexOf("+") != -1) {
          num_str = num_str.replace("+", "");
        }
        if (num_str.indexOf("E") != -1 || num_str.indexOf("e") != -1) {
          var resValue = "",
            power = "",
            result = null,
            dotIndex = 0,
            resArr = [],
            sym = "";
          var numStr = num_str.toString();
          if (numStr[0] == "-") {
            // 如果为负数,转成正数处理,先去掉‘-’号,并保存‘-’.
            numStr = numStr.substr(1);
            sym = "-";
          }
          if (numStr.indexOf("E") != -1 || numStr.indexOf("e") != -1) {
            var regExp = new RegExp(
              "^(((\d+.?\d+)|(\d+))[Ee]{1}((-(\d+))|(\d+)))$",
              "ig"
            );
            result = regExp.exec(numStr);
            if (result != null) {
              resValue = result[2];
              power = result[5];
              result = null;
            }
            if (!resValue && !power) {
              return false;
            }
            dotIndex = resValue.indexOf(".") == -1 ? 0 : resValue.indexOf(".");
            resValue = resValue.replace(".", "");
            resArr = resValue.split("");
            if (Number(power) >= 0) {
              var subres = resValue.substr(dotIndex);
              power = Number(power);
              //幂数大于小数点后面的数字位数时,后面加0
              for (var i = 0; i <= power - subres.length; i++) {
                resArr.push("0");
              }
              if (power - subres.length < 0) {
                resArr.splice(dotIndex + power, 0, ".");
              }
            } else {
              power = power.replace("-", "");
              power = Number(power);
              //幂数大于等于 小数点的index位置, 前面加0
              for (var i = 0; i < power - dotIndex; i++) {
                resArr.unshift("0");
              }
              var n = power - dotIndex >= 0 ? 1 : -(power - dotIndex);
              resArr.splice(n, 0, ".");
            }
          }
          resValue = resArr.join("");

          return sym + resValue;
        } else {
          return num_str;
        }
      }
复制代码
const a = 0.00000000002;
console.log(toolNumber(a)) // 0.00000000002

// 这样就能够很好地进行界面渲染了。
复制代码

其次还可以通过引用big-number

npm i big-number
复制代码

地址:www.npmjs.com/package/big…

后面再通过一篇就这个包具体展开说说

分类:
前端
收藏成功!
已添加到「」, 点击更改