JavaScript 中怎么用 JSON 方法深拷贝时处理 NaN 变成 null-js教程-PHP中文网

json.parse(json.stringify())将nan转为null，因json标准不支持nan；可用structuredclone、自定义序列化或lodash.clonedeep解决。

javascript 中怎么用 json 方法深拷贝时处理 nan 变成 null

JavaScript 中用 JSON.parse(JSON.stringify()) 做深拷贝时，NaN 会被静默转成 null，这是 JSON 标准本身的行为——NaN 不是合法的 JSON 值，序列化时被替换为 null。

为什么 NaN 会变成 null

JSON 规范只支持 null、布尔值、数字（含整数和浮点）、字符串、数组、对象这六种原始类型。NaN、Infinity、-Infinity、undefined、函数、Symbol、Date、RegExp 等都不在其中。调用 JSON.stringify(NaN) 直接返回 "null"，所以后续 JSON.parse 就得到 null。

想保留 NaN，就不能依赖原生 JSON 方法

若业务逻辑中 NaN 有语义（比如表示“缺失的数值”且需与 null 区分），必须绕过 JSON 序列化。推荐以下方式：

Comprehensive Three.js 3D graphics reference

详细的 Three.js 3D 图形参考，涵盖场景设置、相机、几何体、材质、光照、动画、控制器、加载器、数学工具和调试。

下载

用结构化克隆（现代浏览器 & Node.js 17+）：structuredClone(obj) 原生支持 NaN、Infinity、Date、Map、Set 等，且保留类型。它是标准方案，最可靠。
自定义序列化 + 反序列化：在 JSON.stringify 的 replacer 中把 NaN 替换成特殊标记（如 "__NaN__"），再在 JSON.parse 的 reviver 中还原。注意要避免污染正常字符串。
用成熟库（如 lodash）：_.cloneDeep(obj) 内部不走 JSON，能正确处理 NaN、正则、日期等，适合兼容性要求高的项目。

手动处理 NaN 的 JSON 拷贝示例

如果坚持用 JSON 流程并想修复 NaN，可这样写：

function jsonCloneWithNaN(obj) {
  const nanMarker = '__JSON_NAN__';
  const str = JSON.stringify(obj, (key, value) => {
    return Number.isNaN(value) ? nanMarker : value;
  });
  return JSON.parse(str, (key, value) => {
    return value === nanMarker ? NaN : value;
  });
}
// 使用
const original = { a: 1, b: NaN, c: [2, NaN] };
const cloned = jsonCloneWithNaN(original);
console.log(cloned.b); // NaN（不是 null）
console.log(cloned.c[1]); // NaN

⚠️ 注意：该方法仅解决 NaN，对 Infinity、undefined、函数等仍无效，且标记字符串若恰好出现在原始数据中会导致误判。