Javascript 对象转换为 JSON - Javascript

在Web开发中，JavaScript 对象通常需要被转化为 JSON（JavaScript Object Notation）格式进行传输和存储。JSON 是一个轻量级的文本数据交换格式，常用于前后端交互或者API接口传输数据。

对象转JSON

JavaScript 中的对象可以通过 JSON.stringify() 方法转换为 JSON 格式的字符串。该方法接收一个 JavaScript 对象作为参数，并返回对应的 JSON 格式的字符串。

例如：

const obj = { name: 'John', age: 30 };
const jsonString = JSON.stringify(obj);
console.log(jsonString);
// Output: {"name":"John","age":30}

在上面的例子中，我们将一个包含 name 和 age 属性的 JavaScript 对象转换成一个 JSON 格式的字符串。

数组转JSON

JavaScript 中的数组也可以很方便地转换为 JSON 格式的字符串。同样地，可以使用 JSON.stringify() 方法来实现。

例如：

const arr = [1, 2, 'three', { four: 4 }];
const jsonString = JSON.stringify(arr);
console.log(jsonString);
// Output: [1,2,"three",{"four":4}]

在上面的例子中，我们将一个包含不同类型元素的 JavaScript 数组转换成 JSON 格式的字符串。

JSON 转对象

JavaScript 中的 JSON 格式字符串可以通过 JSON.parse() 方法转换为 JavaScript 对象。

例如：

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

在上面的例子中，我们将一个包含 name 和 age 属性的 JSON 格式字符串转换成 JavaScript 对象。

需要注意的是：JSON 格式字符串必须符合 JSON 规范，例如属性名必须用双引号包围。

JSON 转数组

同样地，从 JSON 格式的字符串中可以解析出一个对应的 JavaScript 数组。方法与转换对象的方法类似。

例如：

const jsonString = '[1,2,"three",{"four":4}]';
const arr = JSON.parse(jsonString);
console.log(arr);
// Output: [ 1, 2, 'three', { four: 4 } ]

结论

在前后端交互或者 API 接口传输数据时，常常需要将 JavaScript 对象或者数组转换成 JSON 格式进行传输。Javascript 提供了相应的方法可以方便地进行转换。

• 使用 JSON.stringify() 将 JavaScript 对象或者数组转换成 JSON 格式的字符串。
• 使用 JSON.parse() 将 JSON 格式的字符串转换成 JavaScript 对象或者数组。

参考链接

• JSON - JavaScript | MDN