一、背景介紹

在 JavaScript 中，如果數(shù)值超過了 Number 類型的最大值（即 Number.MAX_SAFE_INTEGER = 2^53 - 1 = 9007199254740991），就會出現(xiàn)精度丟失或錯誤計算的問題。

console.log(9007199254740992 === 9007199254740993); // true（錯誤）

常見于以下場景：

1. 大數(shù)據(jù)的計算

        如：ID 編碼、訂單號、時間戳、區(qū)塊鏈交易編號等。

2. 格式展示

        展示如“1 億”、“1 千萬”之類大數(shù)字時，不僅要防止精度問題，還要注意可讀性與格式化展示。

3. 用戶輸入

        表單或輸入框中，用戶可能輸入超出 JS 可安全表示范圍的數(shù)字，前端需要合理限制和校驗。

4. 大數(shù)據(jù)處理與數(shù)據(jù)分析

        尤其是金融、科學(xué)計算等領(lǐng)域，需要更高精度的數(shù)據(jù)類型支持。

二、解決方案

1. 使用BigInt

ES2020 引入了原生的 BigInt 類型，能夠表示任意精度的整數(shù)。

const big1 = BigInt("9007199254740991000000");
const big2 = BigInt("12345678901234567890");

const result = big1 + big2;
console.log(result.toString());

注意：

• BigInt 值不能和普通 Number 直接混用運算，必須強(qiáng)制轉(zhuǎn)換；

• BigInt 結(jié)尾要加 n，或者用 BigInt() 構(gòu)造；

let a = 9007199254740991n; // OK
let b = BigInt("9007199254740991000000"); // OK

2. 使用第三方高精度庫

這些庫適用于需要進(jìn)行小數(shù)運算、高精度加減乘除的場景（如金融應(yīng)用）。

a. decimal.js

• 支持任意精度的小數(shù)運算

• 用法簡潔

• 安裝：pnpm add decimal.js

import Decimal from 'decimal.js';
let a = new Decimal("9007199254740991000000.123");
let b = new Decimal("1.456");

console.log(a.plus(b).toString());  // 精確加法

const Decimal = require('decimal.js');
let a = new Decimal('0.1');
let b = new Decimal('0.2');

console.log(a.plus(b).toString()); // "0.3"

b. big.js

• 更輕量的高精度庫，適用于只需要加減乘除的場景

const Big = require('big.js');
let x = new Big('123456789.123456789');
let y = new Big('0.000000001');

console.log(x.plus(y).toString()); // 精確結(jié)果

3. 格式化展示大數(shù)字（提高可讀性）

適合用于 UI 展示層，將大數(shù)字格式化為中文數(shù)字、貨幣格式等：

function formatNumber(n) {
  if (n >= 1e8) return (n / 1e8).toFixed(2) + '億';
  if (n >= 1e4) return (n / 1e4).toFixed(2) + '萬';
  return n.toLocaleString(); // 加千分位
}
formatNumber(123456789); // 輸出 "1.23億" formatNumber(456789); // 輸出 "4.57萬"

4. 用戶輸入處理與表單校驗

• 限制輸入字符為數(shù)字（支持正則）

• 檢查長度，例如不允許超過 20 位整數(shù)

• 對超長數(shù)字用字符串或 BigInt 處理，避免精度損失

function isValidLongNumber(input) { return /^\d{1,20}$/.test(input); // 最多 20 位數(shù)字 }

三、常見提問方式

• 理解并能說出 Number.MAX_SAFE_INTEGER 是 2^53 - 1

• JavaScript 中的 Number 類型基于 IEEE 754 雙精度浮點數(shù)。

• 浮點數(shù)只能安全表示 53 位二進(jìn)制整數(shù)（包括隱含的 1 位尾數(shù)）。

• 所以：

  Number.MAX_SAFE_INTEGER = Math.pow(2, 53) - 1 = 9007199254740991

• 超過這個值會導(dǎo)致整數(shù)精度丟失（不可再被唯一準(zhǔn)確表示）。

• 能解釋為什么 JS 數(shù)字存在精度丟失

JavaScript 中的數(shù)字存在精度丟失，根本原因是它采用的是 IEEE 754 雙精度浮點數(shù)格式（64 位）來表示所有的數(shù)字（Number 類型），而這種格式不能精確表示所有的十進(jìn)制數(shù)字，特別是一些小數(shù)或過大的整數(shù)。

常見精度丟失場景：

1. 小數(shù)無法精確表示（0.1 + 0.2 ≠ 0.3）

console.log(0.1 + 0.2); // 輸出 0.30000000000000004

原因：0.1 和 0.2 在二進(jìn)制中是無限循環(huán)小數(shù)，不能精確表示。

2. 大整數(shù)精度丟失

console.log(9999999999999999); // 輸出：10000000000000000

原因：超出了 Number.MAX_SAFE_INTEGER = 9007199254740991 的表示范圍，JavaScript 自動對尾部進(jìn)行舍入。

• 至少熟悉 BigInt 用法和限制

• 有能力實現(xiàn)字符串大數(shù)加法/減法

面試回答：

“JS 中的 Number 類型基于 IEEE 754 雙精度浮點數(shù)，因此只能安全表示 2^53 - 1，也就是 9007199254740991，即 Number.MAX_SAFE_INTEGER。一旦超過這個值就會出現(xiàn)精度丟失。

另外，由于某些十進(jìn)制小數(shù)（比如 0.1）在二進(jìn)制中無法精確表示，也會導(dǎo)致小數(shù)計算不準(zhǔn)確。

在需要處理任意大整數(shù)的場景中，可以使用 BigInt 類型，但它不能與普通數(shù)字混合運算，也不支持小數(shù)。

如果項目中涉及超大數(shù)的加減計算，我也可以通過字符串模擬的方式實現(xiàn)高精度加減法。”

四、面試延伸題（經(jīng)典）

實現(xiàn)一個函數(shù)，接收兩個大整數(shù)（字符串表示），返回它們的和（也為字符串）。

function bigAdd(a, b) {
  let res = '', carry = 0, i = a.length - 1, j = b.length - 1;
  while (i >= 0 || j >= 0 || carry) {
    const x = i >= 0 ? +a[i--] : 0;
    const y = j >= 0 ? +b[j--] : 0;
    const sum = x + y + carry;
    res = (sum % 10) + res;
    carry = Math.floor(sum / 10);
  }
  return res;
}

附：核心原理概述

decimal.js 的核心原理是通過自定義的數(shù)據(jù)結(jié)構(gòu)和算法來存儲和處理十進(jìn)制數(shù)，而不是依賴 JavaScript 原生的 Number 類型。JavaScript 的 Number 類型基于 IEEE 754 雙精度 64 位浮點數(shù)表示，這會導(dǎo)致在進(jìn)行十進(jìn)制運算時出現(xiàn)精度丟失的問題。decimal.js 則通過將數(shù)字以字符串的形式存儲，并實現(xiàn)自己的算術(shù)運算邏輯，從而避免了這些精度問題。

總結(jié) 

到此這篇關(guān)于JS中超過Number類型的最大值數(shù)怎么處理的文章就介紹到這了,更多相關(guān)JS超過Number類型最大值數(shù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論