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（10的3次方） // 3X1000 3000 ，那么3000毫秒等于3秒
3e3 = 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
后面再通过一篇就这个包具体展开说说
