本文教你使用 javascript 的 `tofixed()` 方法，将 api 返回的科学计数法浮点数（如 `1.134916286172e-7`）转换为易读的十进制格式（如 `0.0000001135`），并无缝集成到动态行情表格中。
在加密货币行情展示场景中，价格或换算值常因数值极小而以科学计数法（如 1.134916286172e-7）形式输出，这对用户极不友好。你希望统一将其显示为类似 0.00000011 这样的可读十进制格式——这正是 Number.prototype.toFixed(digits) 的核心用途。
toFixed() 会将数字四舍五入到指定小数位数，并返回字符串类型的结果（注意：不是数字！）。例如：
const value = 1.134916286172e-7; console.log(value.toFixed(8)); // "0.00000011" console.log(value.toFixed(9)); // "0.000000113" console.log(value.toFixed(10)); // "0.0000001135"
✅ 关键要点：
- toFixed(n) 中 n 表示保留的小数位数（建议根据精度需求选择 8–10 位）；
- 它自动补零（如 0.0000001 → toFixed(8) 得 "0.00000010"）；
- 若原始值为 NaN 或无效数字，会抛出 RangeError，建议加安全校验；
- 返回值是字符串，可直接插入 HTML，无需额外转换。
将该逻辑应用到你的行情渲染代码中，只需修改模板字符串内的插值表达式即可：
async function init() {
const url = "https://exchange-api.lcx.com/market/tickers";
const resp = await fetch(url);
const json = await resp.json();
const LCXUSDCBid = json.data?.['LCX/USDC']?.bestBid || 0;
const BTCUSDCAsk = json.data?.['BTC/USDC']?.bestAsk || 0;
const BTCUSDCBid = json.data?.['BTC/USDC']?.bestBid || 0;
const ATRILCXBid = json.data?.['ATRI/LCX']?.bestBid || 0;
const ATRILCXAsk = json.data?.['ATRI/LCX']?.bestAsk || 0;
const ATRILCXPRICUSDCEBid = LCXUSDCBid * ATRILCXBid;
const ATRILCXPRICUSDCEAsk = LCXUSDCBid * ATRILCXAsk;
const ATRILCXPRICBTCBid = ATRILCXPRICUSDCEBid / BTCUSDCBid;
const ATRILCXPRICBTCAsk = ATRILCXPRICUSDCEAsk / BTCUSDCBid;
// ✅ 格式化：统一保留 10 位小数，确保极小值清晰可读
const formatPrice = (num) => Number(num).toFixed(10);
const tableBody = document.querySelector("#prices tbody");
tableBody.innerHTML += `<tr>
<td style="color:blue;">ATRILCXPRICBTC</td>
<td style="color:green;">${formatPrice(ATRILCXPRICBTCBid)}</td>
<td style="color:red;">${formatPrice(ATRILCXPRICBTCAsk)}</td>
</tr>`;
}
init();? 进阶建议：
- 若需动态适配精度（如自动隐藏末尾冗余零），可用 parseFloat().toString() 配合 toPrecision()，但 toFixed() 在行情展示中更稳定可控；
- 生产环境务必添加空值与 NaN 检查（如示例中的 || 0 和可选链 ?.），避免运行时错误；
- 如需全局生效，可将 formatPrice 函数提取为工具函数，供所有币对复用。
通过这一简洁改造，你的行情表格将告别晦涩的 e-7 表达，呈现专业、一致、用户友好的数字格式。
