JavaScript 编程对象怎么与 json 字符串进行转换

JavaScript 编程中的对象与JSON字符串的转换是一项基础而又关键的技能，它便于数据的存储和网络传输。对象转换为JSON字符串主要通过JSON.stringify()方法实现、JSON字符串转换为对象则通过使用JSON.parse()方法完成。JSON.stringify()将JavaScript对象序列化为一个JSON格式的字符串，从而使得该字符串能够被存储或传输。相对而言，JSON.parse()则是将JSON格式的字符串解析为JavaScript对象，使得可以在代码中对这些数据进行进一步的操作。

在详细描述中，我们主要关注JSON.stringify()方法。这个方法不仅能够处理简单的对象，还能转换含有复杂数据的对象。在转换过程中，JSON.stringify()会将对象中所有可枚举的、非函数的属性转换为字符串。注意，它不能序列化函数属性、undefined、循环引用的对象等。此外，通过该方法可以可选地进行美化输出，或者筛选对象的某些属性进行序列化。

一、JSON.STRINGIFY() 方法的使用

基本用法

在JavaScript中，要将一个对象转为JSON字符串，可以使用JSON.stringify()函数。这个方法接收三个参数：要序列化的JavaScript值（对象）、一个替代者函数或者一个数组用来筛选将要序列化的属性、以及用来控制结果缩进的数字或字符串。

let obj = {name: "John", age: 30};

let jsonString = JSON.stringify(obj);
// 输出：'{"name":"John","age":30}'

美化输出

JSON.stringify()的第三个参数可以是一个数字或者字符串，用于增加输出的可读性，这在检查大型结构时尤其有用：

let jsonString = JSON.stringify(obj, null, 4);

// 输出会包含缩进，每个层级缩进4个空格

二、JSON.PARSE() 方法的使用

基本用法

将JSON字符串转换回JavaScript对象通常使用JSON.parse()方法：

let obj = JSON.parse(jsonString);

// jsonString是一个符合JSON格式的字符串

错误处理

由于JSON数据可能来自不可控的来源，JSON.parse()方法在解析非法JSON时会抛出SyntaxError。因此，在使用该方法时，经常需要异常处理：

try {

    let obj = JSON.parse(invalidJsonString);
} catch (error) {
    console.error("JSON parse error: ", error.message);
}

三、边缘情况与陷阱

序列化特殊值

当对象中含有undefined, Function, Symbol等无法直接序列化的值时，这些值在序列化过程中将被忽略，或者转换为null。

循环引用

在转换包含循环引用的对象时，JSON.stringify()会抛出错误，因为这种类型的数据结构不能被表示为合法的JSON：

let obj = {};

obj.myself = obj;
let jsonString = JSON.stringify(obj); // 抛出错误

替代者函数

JSON.stringify()的第二个参数可以是一个函数，它允许我们每次序列化对象的某个属性时对其进行转换：

let replacerFunction = function(key, value) {

    if (typeof value === "string") {
        return undefined;
    }
    return value;
};
let jsonString = JSON.stringify(obj, replacerFunction);

四、实践案例

处理日期对象

日期对象在JSON序列化时会被转换为ISO格式的字符串。可以通过自定义toJSON方法改变序列化行为：

let obj = {

    date: new Date()
};
obj.date.toJSON = function(){
    return this.toDateString();
};
let jsonString = JSON.stringify(obj);
// 输出{"date": "Thu Apr 20 2023"}

筛选属性

可以通过传递一个数组给JSON.stringify()方法来筛选需要序列化的属性名称：

let obj = {name: "John", age: 30, city: "New York"};

let jsonString = JSON.stringify(obj, ["name", "age"]);
// 输出 {"name":"John","age":30}

综上所述，JSON.stringify()和JSON.parse() 是JavaScript编程中处理对象和JSON字符串转换的重要方法。不仅是对数据格式转换至关重要、而且在确保数据传递安全和格式正确上也发挥着极大作用。掌握它们的使用方式和注意事项可以极大地提升JavaScript编程中的数据处理能力。

相关问答FAQs：

1. 如何将 JavaScript 对象转换成 JSON 字符串？

JavaScript 提供了 JSON.stringify() 方法，可以将 JavaScript 对象转换成 JSON 字符串。可以使用以下代码示例：

const obj = { name: "John", age: 30, city: "New York" };
const jsonString = JSON.stringify(obj);
console.log(jsonString);

这会输出以下 JSON 字符串：

{"name":"John","age":30,"city":"New York"}

2. 如何将 JSON 字符串转换成 JavaScript 对象？

如果你有一个 JSON 字符串，你可以使用 JSON.parse() 方法将其转换为 JavaScript 对象。以下是一个示例：

const jsonString = '{"name":"John","age":30,"city":"New York"}';
const obj = JSON.parse(jsonString);
console.log(obj);

这样就将 JSON 字符串转换为 JavaScript 对象了：

{ name: "John", age: 30, city: "New York" }

3. 转换 JSON 字符串时，如何处理包含函数的 JavaScript 对象？

JSON 字符串只能表示数据，无法直接表示函数。如果 JavaScript 对象中包含函数，转换成 JSON 字符串时函数会被忽略。在转换回 JavaScript 对象时，函数将会丢失。因此，如果你需要在 JSON 字符串中保留函数，你需要手动转换和恢复函数，例如：

const obj = { name: "John", age: 30, sayHello: function() { console.log("Hello!"); } };

// 将函数转换为字符串
obj.sayHello = obj.sayHello.toString();

// 将 JavaScript 对象转换为 JSON 字符串
const jsonString = JSON.stringify(obj);

// 将 JSON 字符串转换为 JavaScript 对象
const parsedObj = JSON.parse(jsonString);

// 恢复函数
parsedObj.sayHello = eval('(' + parsedObj.sayHello + ')');

console.log(parsedObj.sayHello()); // 输出 "Hello!"

上述代码中，我们首先将函数转换为字符串，然后在恢复 JavaScript 对象时使用 eval() 方法将其重新转换为函数。

最后建议，企业在引入信息化系统初期，切记要合理有效地运用好工具，这样一来不仅可以让公司业务高效地运行，还能最大程度保证团队目标的达成。同时还能大幅缩短系统开发和部署的时间成本。特别是有特定需求功能需要定制化的企业，可以采用我们公司自研的企业级低代码平台：织信Informat。 织信平台基于数据模型优先的设计理念，提供大量标准化的组件，内置AI助手、组件设计器、自动化（图形化编程）、脚本、工作流引擎（BPMN2.0）、自定义API、表单设计器、权限、仪表盘等功能，能帮助企业构建高度复杂核心的数字化系统。如ERP、MES、CRM、PLM、SCM、WMS、项目管理、流程管理等多个应用场景，全面助力企业落地国产化/信息化/数字化转型战略目标。 版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们微信：Informat_5 处理，核实后本网站将在24小时内删除。