如何将科学计数法数字格式化为固定小数位的常规十进制形式

本文介绍如何在 javascript 中将 api 返回的科学计数法数值（如 `1.134916286172e-7`）转换为易读的固定小数位十进制字符串（如 `0.0000001135`），并集成到行情表格中，确保所有价格数据统一、清晰、专业地显示。

在加密货币行情展示场景中，原始 API 返回的价格常以科学计数法（如 1.134916286172e-7）表示极小数值，直接渲染到 HTML 表格中既不直观也不符合用户阅读习惯。理想效果是将其转为带前导零的十进制格式（例如 0.0000001135），同时支持灵活控制精度——这正是 Number.prototype.toFixed() 方法的核心用途。

toFixed(digits) 会将数字四舍五入到指定小数位数，并返回字符串类型的结果（注意：不是数字！）。它能有效避免科学计数法输出，特别适用于价格、汇率等需固定精度的金融数据展示。

以下是修改后的完整代码示例，已对所有价格字段应用 toFixed(10)（可根据实际精度需求调整位数，如 8 或 12）：

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 error: ${resp.status}`);
        const json = await resp.json();

        const LCXUSDCBid = parseFloat(json.data['LCX/USDC'].bestBid) || 0;
        const BTCUSDCAsk = parseFloat(json.data['BTC/USDC'].bestAsk) || 0;
        const BTCUSDCBid = parseFloat(json.data['BTC/USDC'].bestBid) || 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;

        // ✅ 关键修改：使用 toFixed(10) 格式化为 10 位小数（可按需调整）
        const formattedBid = ATRILCXPRICBTCBid.toFixed(10);
        const formattedAsk = ATRILCXPRICBTCAsk.toFixed(10);

        const tableBody = document.querySelector("#prices tbody");
        if (tableBody) {
            tableBody.innerHTML += `
                ATRILCXPRICBTC
                ${formattedBid}
               
 ${formattedAsk}
              `;
        }
    } catch (err) {
        console.error("Failed to load or parse ticker data:", err);
        // 可选：在表格中显示错误行或 fallback 提示
    }
}
init();

⚠️ 注意事项与最佳实践：

• toFixed() 返回的是字符串，不可再用于后续数学运算（如需计算，请保留原始数字变量，仅在渲染时格式化）；
• 若原始值为 0 或 null/undefined，务必先用 parseFloat() + || 0 做容错处理，避免 NaN.toFixed() 报错；
• 小数位数选择应基于资产最小交易单位（tick size）。例如 BTC 计价的代币常用 8～10 位；过度补零（如 toFixed(20)）可能造成误导，建议结合业务规则设定；
• 如需自动适配不同数量级（如大数用千分位、小数用前导零），可封装更智能的格式化函数（如结合 toPrecision() 或 Intl.NumberFormat），但本场景 toFixed() 已足够简洁高效。

通过以上改造，你的行情表格将稳定输出如 0.0000001135 这类清晰、一致、专业的价格格式，显著提升用户体验与界面专业度。