javascript如何操作JSON数据_序列化和解析有何要点【教程】

但注意：如果输入来自不可信来源，仍需校验结构（比如用 zod 或 io-ts 做运行时类型检查），因为合法 JSON 也可能含恶意字段。

如何安全地处理日期、Map、Set 等非标准类型？

JSON 规范不支持它们，必须手动转换：

• 日期：用 replacer 转成 ISO 字符串，reviver 中还原：

  JSON.stringify(new Date(), (k, v) => v instanceof Date ? v.toISOString() : v)

• Map/Set：先转为数组格式（[...map]），解析后再用构造函数重建
• 自定义类实例：JSON.stringify(obj) 只序列化自有可枚举属性，不保留原型链；恢复时需手动 new 实例并赋值

别指望 JSON.parse() 自动识别类型——它永远只返回 plain object/array/null/number/string/boolean。

性能与兼容性要注意什么？

JSON.stringify() 和 JSON.parse() 是 V8 引擎高度优化的原生方法，比手写解析快一个数量级，但仍有细节影响表现：

• 深层嵌套对象：可能触发栈溢出（尤其在旧版 Safari），建议限制深度或用流式解析库（如 jsonparse）
• 超大字符串（>10MB）：阻塞主线程，考虑 Web Worker 中解析
• IE8+ 支持原生 JSON，但 IE7 及更早需引入 json2.js 垫片
• replacer 函数若做复杂计算，会显著拖慢 stringify 速度，避免在其中调用 API 或深克隆

真正容易被忽略的是：JSON.stringify(undefined) 返回 "undefined"（字符串），而 JSON.stringify([undefined]) 返回 "[null]" —— 同一值在不同上下文行为不一致，写条件判断时得格外小心。

# ai  # safari  # js  # json  # 循环  # javascript  # java  # String  # 构造函数  # 字符串  # 线程  # 栈  # red  # 数据丢失  # 键值对  # NULL  # map  # Object  # 主线程  # Array  # Boolean 

相关栏目： <？ｍｕｍａ $count = M('archives')->where(['typeid'=>$field['id']])->count(); ?> 【 AI推广<？ｍｕｍａ echo $count; ?> 】 <？ｍｕｍａ $count = M('archives')->where(['typeid'=>$field['id']])->count(); ?> 【 SEO优化<？ｍｕｍａ echo $count; ?> 】 <？ｍｕｍａ $count = M('archives')->where(['typeid'=>$field['id']])->count(); ?> 【 技术百科<？ｍｕｍａ echo $count; ?> 】 <？ｍｕｍａ $count = M('archives')->where(['typeid'=>$field['id']])->count(); ?> 【 谷歌推广<？ｍｕｍａ echo $count; ?> 】 <？ｍｕｍａ $count = M('archives')->where(['typeid'=>$field['id']])->count(); ?> 【 百度推广<？ｍｕｍａ echo $count; ?> 】 <？ｍｕｍａ $count = M('archives')->where(['typeid'=>$field['id']])->count(); ?> 【 网络营销<？ｍｕｍａ echo $count; ?> 】 <？ｍｕｍａ $count = M('archives')->where(['typeid'=>$field['id']])->count(); ?> 【 案例网站<？ｍｕｍａ echo $count; ?> 】 <？ｍｕｍａ $count = M('archives')->where(['typeid'=>$field['id']])->count(); ?> 【 精选文章<？ｍｕｍａ echo $count; ?> 】