本文教你使用 javascript 的 `number.tofixed()` 方法，将 api 返回的科学计数法浮点数（如 `1.134916286172e-7`）转换为易读的十进制形式（如 `0.00000011`），并集成到行情表格中实现统一、美观的数字展示。
在加密货币行情展示场景中，价格或换算值常因数值极小而以科学计数法（如 1.134916286172e-7）输出，这不利于用户直观理解。你希望将其转为类似 0.00000011 的常规小数格式——这正是 Number.prototype.toFixed(digits) 的核心用途：它将数字四舍五入为指定小数位数的字符串，强制禁用指数表示法。
在你的代码中，只需对 ATRILCXPRICBTCBid 和 ATRILCXPRICBTCAsk 两个变量调用 .toFixed(n) 即可。但需注意两点关键细节：
- toFixed() 返回字符串而非数字，适合直接插入 HTML；
- 位数 n 需根据实际精度需求设定——例如 1e-7 级别建议至少保留 8 位小数（即 .toFixed(8)），否则可能显示为 0.00000000。
✅ 正确修改后的代码如下（已整合至原逻辑，并添加错误防护）：
async function init() {
const url = "https://exchange-api.lcx.com/market/tickers";
try {
const resp = await fetch(url);
if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
const json = await resp.json();
// 安全取值（避免 undefined 导致 NaN）
const LCXUSDCBid = parseFloat(json.data?.['LCX/USDC']?.bestBid) || 0;
const BTCUSDCBid = parseFloat(json.data?.['BTC/USDC']?.bestBid) || 0;
const BTCUSDCAsk = parseFloat(json.data?.['BTC/USDC']?.bestAsk) || 0;
const ATRILCXBid = parseFloat(json.data?.['ATRI/LCX']?.bestBid) || 0;
const ATRILCXAsk = parseFloat(json.data?.['ATRI/LCX']?.bestAsk) || 0;
const ATRILCXPRICUSDCEBid = LCXUSDCBid * ATRILCXBid;
const ATRILCXPRICUSDCEAsk = LCXUSDCBid * ATRILCXAsk;
const ATRILCXPRICBTCBid = BTCUSDCBid ? ATRILCXPRICUSDCEBid / BTCUSDCBid : 0;
const ATRILCXPRICBTCAsk = BTCUSDCBid ? ATRILCXPRICUSDCEAsk / BTCUSDCBid : 0;
// ✅ 格式化为 8 位小数（可根据需要调整，如 9 或 10）
const formattedBid = ATRILCXPRICBTCBid.toFixed(8);
const formattedAsk = ATRILCXPRICBTCAsk.toFixed(8);
const tableBody = document.querySelector("#prices tbody");
tableBody.innerHTML += `<tr>
<td style="color:blue;">ATRILCXPRICBTC</td>
<td style="color:green;">${formattedBid}</td>
<td style="color:red;">${formattedAsk}</td>
</tr>`;
} catch (err) {
console.error("行情获取失败:", err);
document.querySelector("#prices tbody").innerHTML +=
`<tr><td colspan="3" style="color:red;">数据加载异常</td></tr>`;
}
}
init();? 重要提示：
- 若原始值为 0 或极接近 0（如 1e-12），.toFixed(8) 会显示 0.00000000；如需更高精度，可提升位数（如 .toFixed(10)），但需权衡可读性与实际业务精度要求；
- 建议统一为所有价格字段添加 .toFixed() 处理，确保整张表格数值风格一致；
- 生产环境务必加入 parseFloat() 和空值校验，防止 undefined 或非数字导致 NaN 传播。
通过这一改进，你的行情表格将告别难以解读的 e-7 表示，呈现专业、清晰、用户友好的数字格式。
