你知道JSON.stringify()的陷阱么?

2024-01-23 09:28
文章标签 json 陷阱 知道 stringify

本文主要是介绍你知道JSON.stringify()的陷阱么?,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

JS中JSON对象字符串化的细微差别

Javascript中JSON.stringify()是个强大的函数,可以把Javascript对象转换成JSON格式的字符串。

然而,它也有一些微妙的差别和潜在的陷阱,开发者需要注意以避免意外的行为。本文将探讨JSON.stringify()相关的各种缺陷。

1. 处理Undefined、Function和Symbol值:

一个显著的限制是undefinedFunctionSymbol值都是无效的JSON值。在转换过程中,如果在对象中遇到这些值,它们会被省略;如果在数组中遇到这些值,会被改成null。这可能导致意外的结果,比如函数被替换成null。

例子:

const obj = { foo: function() {}, bar: undefined, baz: Symbol('example') };  
const jsonString = JSON.stringify(obj);
console.log(jsonString); // 输出:'{"foo":null}'const obj2 = {arr: [function(){}]};  
console.log(JSON.stringify(obj2)); // 输出:{"arr":[null]}

2. Boolean、Number和String对象的原始值:

在字符串化过程中,Boolean、Number和String对象会被转换成对应的原始值。这与传统的转换语义一致。

例子:

const boolObj = new Boolean(true);
const jsonString = JSON.stringify(boolObj); 
console.log(jsonString); // 输出:'true'

3. 完全忽略Symbol键属性:

即使使用了替换函数,Symbol键属性在字符串化过程中也会被完全忽略。这意味着任何与Symbol键关联的数据都会从结果JSON字符串中排除。

例子:

const obj = { [Symbol('example')]: 'value' };
const jsonString = JSON.stringify(obj);
console.log(jsonString); // 输出:'{}'const obj2 = {arr: [function(){}]}; 
console.log(JSON.stringify(obj2)); // 输出:'{}'

4. 处理Infinity、NaN和Null值:

Infinity、NaN和null值在字符串化过程中都被视为null

例子:

const obj = { value: Infinity, error: NaN, nothing: null };
const jsonString = JSON.stringify(obj);
console.log(jsonString); // 输出:'{"value":null,"error":null,"nothing":null}'  

5. toJSON()方法责任:

如果一个对象有toJSON()方法,它负责定义序列化的数据。这允许对象进行自定义序列化逻辑。

例子:

const obj = {data: 'important information',toJSON: function() {return { customKey: this.data };}, 
};
const jsonString = JSON.stringify(obj);
console.log(jsonString); // 输出:'{"customKey":"important information"}'

6. 日期对象被视为字符串:

Date实例实现了toJSON()函数,返回一个字符串(与date.toISOString()相同),在字符串化过程中它们会被视为字符串。

例子:

const dateObj = new Date();
const jsonString = JSON.stringify(dateObj);
console.log(jsonString); // 输出:'"2023–12–06T12:34:56.789Z"'  

7. 循环引用异常:

如果JSON.stringify()遇到循环引用的对象,它会抛出错误。当一个对象引用自身形成一个循环时,就会产生循环引用。

例子:

const circularObj = { self: null };  
circularObj.self = circularObj;
JSON.stringify(circularObj); // 抛出错误  

8. 可枚举属性的序列化:

对于Map、Set、WeakMap和WeakSet等Object实例,只有它们的可枚举属性会被序列化。不可枚举的属性会被排除。

例子:

const mapObj = new Map([['key', 'value']]);
const jsonString = JSON.stringify(mapObj);  
console.log(jsonString); // 输出:'{}'

9. BigInt转换错误:

尝试使用JSON.stringify()转换BigInt类型的值会抛出错误。

例子:

const bigIntValue = BigInt(42);
JSON.stringify(bigIntValue); // 抛出错误

结论:

理解JSON.stringify()的微妙差别是防止JavaScript代码中出现意外问题的关键。通过意识到这些陷阱,开发者可以更有效地使用这个函数,并避免项目中的常见陷阱。

这篇关于你知道JSON.stringify()的陷阱么?的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/635951

相关文章

SpringBoot接收JSON类型的参数方式

《SpringBoot接收JSON类型的参数方式》:本文主要介绍SpringBoot接收JSON类型的参数方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、jsON二、代码准备三、Apifox操作总结一、JSON在学习前端技术时,我们有讲到过JSON,而在

Java8需要知道的4个函数式接口简单教程

《Java8需要知道的4个函数式接口简单教程》:本文主要介绍Java8中引入的函数式接口,包括Consumer、Supplier、Predicate和Function,以及它们的用法和特点,文中... 目录什么是函数是接口?Consumer接口定义核心特点注意事项常见用法1.基本用法2.结合andThen链

基于.NET编写工具类解决JSON乱码问题

《基于.NET编写工具类解决JSON乱码问题》在开发过程中,我们经常会遇到JSON数据处理的问题,尤其是在数据传输和解析过程中,很容易出现编码错误导致的乱码问题,下面我们就来编写一个.NET工具类来解... 目录问题背景核心原理工具类实现使用示例总结在开发过程中,我们经常会遇到jsON数据处理的问题,尤其是

Java对象和JSON字符串之间的转换方法(全网最清晰)

《Java对象和JSON字符串之间的转换方法(全网最清晰)》:本文主要介绍如何在Java中使用Jackson库将对象转换为JSON字符串,并提供了一个简单的工具类示例,该工具类支持基本的转换功能,... 目录前言1. 引入 Jackson 依赖2. 创建 jsON 工具类3. 使用示例转换 Java 对象为

轻松上手MYSQL之JSON函数实现高效数据查询与操作

《轻松上手MYSQL之JSON函数实现高效数据查询与操作》:本文主要介绍轻松上手MYSQL之JSON函数实现高效数据查询与操作的相关资料,MySQL提供了多个JSON函数,用于处理和查询JSON数... 目录一、jsON_EXTRACT 提取指定数据二、JSON_UNQUOTE 取消双引号三、JSON_KE

MySQL数据库函数之JSON_EXTRACT示例代码

《MySQL数据库函数之JSON_EXTRACT示例代码》:本文主要介绍MySQL数据库函数之JSON_EXTRACT的相关资料,JSON_EXTRACT()函数用于从JSON文档中提取值,支持对... 目录前言基本语法路径表达式示例示例 1: 提取简单值示例 2: 提取嵌套值示例 3: 提取数组中的值注意

SpringBoot定制JSON响应数据的实现

《SpringBoot定制JSON响应数据的实现》本文主要介绍了SpringBoot定制JSON响应数据的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们... 目录前言一、如何使用@jsonView这个注解?二、应用场景三、实战案例注解方式编程方式总结 前言

C#多线程编程中导致死锁的常见陷阱和避免方法

《C#多线程编程中导致死锁的常见陷阱和避免方法》在C#多线程编程中,死锁(Deadlock)是一种常见的、令人头疼的错误,死锁通常发生在多个线程试图获取多个资源的锁时,导致相互等待对方释放资源,最终形... 目录引言1. 什么是死锁?死锁的典型条件:2. 导致死锁的常见原因2.1 锁的顺序问题错误示例:不同

JSON字符串转成java的Map对象详细步骤

《JSON字符串转成java的Map对象详细步骤》:本文主要介绍如何将JSON字符串转换为Java对象的步骤,包括定义Element类、使用Jackson库解析JSON和添加依赖,文中通过代码介绍... 目录步骤 1: 定义 Element 类步骤 2: 使用 Jackson 库解析 jsON步骤 3: 添

IDEA如何将String类型转json格式

《IDEA如何将String类型转json格式》在Java中,字符串字面量中的转义字符会被自动转换,但通过网络获取的字符串可能不会自动转换,为了解决IDEA无法识别JSON字符串的问题,可以在本地对字... 目录问题描述问题原因解决方案总结问题描述最近做项目需要使用Ai生成json,可生成String类型