JavaScript Number精度丟失問題的解決方案

更新時間：2025年11月18日 09:48:47 作者：OlahOlah

在前后端交互中,常常需要傳遞 Long 類型的 ID,但 JavaScript 的 Number 類型基于 IEEE 754 標準,最大只能精確表示 15 到 17 位的整數(shù),超過這個范圍會丟失精度,為了避免這種問題,本文介紹如何處理超大數(shù)字,需要的朋友可以參考下

問題描述

JavaScript 的 Number 類型的最大安全整數(shù)是 9007199254740991，超過這個值的數(shù)字會出現(xiàn)精度丟失。例如，1234567890123456789 會被轉(zhuǎn)為 1234567890123456700，導致錯誤。

問題的根源

Long 類型是許多后端語言（如 Java）用于表示大整數(shù)的類型，而 JavaScript 的 Number 類型不能正確表示如此大的數(shù)字。

// 后端：Java
Long longId = 1234567890123456789L;

前端接收到該 ID 后，會出現(xiàn)精度丟失：

// 前端：JavaScript
let itemId = 1234567890123456789;  // 錯誤，精度丟失
console.log(itemId);  // 輸出：1234567890123456700

解決方案

將 Long 類型 ID 轉(zhuǎn)為字符串，并確保前后端都使用字符串形式傳遞 ID，避免精度丟失。

后臺：將 Long 類型 ID 轉(zhuǎn)為字符串。
前端：接收 ID 時保持字符串類型，避免轉(zhuǎn)換為 Number。

實施方案

后端（Java 示例）：

@RestController
public class ItemController {
    @GetMapping("/items/{id}")
    public ResponseEntity<ItemVO> getItem(@PathVariable Long id) {
        Item item = itemService.getItemById(id);
?
        ItemVO itemVO = new ItemVO();
        itemVO.setId(String.valueOf(id));
?
        return ResponseEntity.ok(itemVO);
    }
}

前端（JavaScript 示例）：

// 使用 axios 請求 API
axios.get('/api/items/1234567890123456789')
  .then(response => {
    const itemId = response.data.id;  // 保持為字符串
    console.log(itemId);  // 輸出原始字符串
  })
  .catch(error => {
    console.error('Error:', error);
  });

到此這篇關于JavaScript Number精度丟失問題的解決方案的文章就介紹到這了,更多相關JavaScript Number精度丟失內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: