JavaScript长数字自动舍入问题：如何避免DOM渲染时长数字被自动取整？

这个问题本质是JavaScript里Number类型的精度限制导致的——咱们一步步来解决它：

问题根源 #

JavaScript的Number类型是64位双精度浮点数，它只能精确表示小于等于2^53 - 1（也就是9007199254740991，可以用Number.MAX_SAFE_INTEGER获取这个值）的整数。你的那些长数字已经远超这个范围，所以在存储和处理时会自动丢失精度，出现舍入的情况。

解决方案 #

这里有两种最直接的解决方式，根据你的场景选择：

1. 把数字以字符串形式存储和处理 #

这是最稳妥的方式——如果可以控制数据的源头（比如后端接口返回、自己定义数组），直接把egn的值定义为字符串，而不是数字：

// 修改数组定义，egn值用字符串包裹
const result = [
  {"egn":"79090114464"},
  {"egn":"92122244001"},
  {"egn":"10005870397643185154"},
  {"egn":"10000330397652279629"},
  {"egn":"10000330397652279660"}
];

// 追加到div时直接使用字符串
const targetDiv = document.getElementById('target-div');
result.forEach(item => {
  const textNode = document.createTextNode(item.egn);
  targetDiv.appendChild(document.createElement('p')).appendChild(textNode);
});

这样处理时完全不会涉及数字精度问题，字符串会原封不动地显示。

2. 用BigInt转换已有的数字 #

如果已经拿到了数字类型的长数值，JavaScript的BigInt类型可以精确表示任意大的整数，我们可以先把数字转为BigInt，再转为字符串来避免舍入：

const result = [
  {"egn":79090114464},
  {"egn":92122244001},
  {"egn":10005870397643185154},
  {"egn":10000330397652279629},
  {"egn":10000330397652279660}
];

const targetDiv = document.getElementById('target-div');
result.forEach(item => {
  // 转换为BigInt后再转字符串，保证精度
  const preciseEgn = BigInt(item.egn).toString();
  const textNode = document.createTextNode(preciseEgn);
  targetDiv.appendChild(document.createElement('p')).appendChild(textNode);
});

注意：BigInt和普通Number不能直接进行算术运算，如果后续需要对这些值做计算，也要全程用BigInt操作。

内容的提问来源于stack exchange，提问作者Мирослав Пейчев