js 转json|极客笔记

js 转json

在Web开发中，我们经常会涉及到将JavaScript对象转换为JSON（JavaScript Object Notation）格式。JSON是一种轻量级的数据交换格式，易于阅读和编写。在本文中，我们将详细介绍如何将JavaScript对象转换为JSON格式，并提供示例代码以帮助理解。

什么是JSON

JSON是一种轻量级的数据交换格式，它基于JavaScript语法，但独立于任何编程语言。JSON以键值对的形式存储数据，并使用花括号{}包裹对象，方括号[]包裹数组。JSON格式的数据易于阅读和编写，适用于各种应用程序之间数据交换。

下面是一个简单的JSON示例：

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

JavaScript对象转JSON

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

下面是一个将JavaScript对象转换为JSON格式的示例代码：

const person = {
  name: "Alice",
  age: 30,
  city: "New York"
};

const jsonStr = JSON.stringify(person);
console.log(jsonStr);

执行以上代码，将会输出以下JSON格式的字符串：

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

JSON转JavaScript对象

与将JavaScript对象转换为JSON相反，我们可以使用JSON.parse()方法将JSON字符串转换为JavaScript对象。这个方法接受一个JSON字符串作为参数，并返回一个包含该JSON数据的JavaScript对象。

下面是一个将JSON字符串转换为JavaScript对象的示例代码：

const jsonStr = '{"name":"Alice","age":30,"city":"New York"}';

const person = JSON.parse(jsonStr);
console.log(person);

执行以上代码，将会输出以下JavaScript对象：

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

处理JSON中的数据

除了基本数据类型（字符串、数字、布尔值、数组、对象）之外，JSON还可以存储更复杂的数据，如日期、函数等。但在JSON中，这些数据会被转换为字符串。

下面是一个包含日期和函数的JSON示例：

{
  "date": "2022-06-15T05:30:00.000Z",
  "func": "function() { console.log('Hello, World!'); }"
}

虽然在JSON中日期和函数被转换成了字符串，但我们仍然可以通过类型转换将其还原为原始类型。例如，我们可以用new Date()将字符串日期转换为日期对象，用eval()执行函数字符串并输出。

JSON.stringify()方法的参数

JSON.stringify()方法还可以接受两个额外的参数：replacer和space。

replacer参数是一个函数，可以在转换过程中对对象进行处理，可以用来排除某些属性，或者转换属性的值。
space参数是用来格式化输出的，可以是空格、制表符或指定包含多少个空格。

下面是一个使用replacer和space参数的示例代码：

const person = {
  name: "Alice",
  age: 30,
  city: "New York"
};

const jsonStr = JSON.stringify(person, (key, value) => {
  if (key === "name") {
    return undefined; // 排除name属性
  }
  return value;
}, 2); // 缩进2个空格

console.log(jsonStr);

执行以上代码，将会输出以下格式化后的JSON字符串：

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

总结

在本文中，我们详细介绍了如何将JavaScript对象转换为JSON格式，并展示了如何处理JSON中的数据。通过JSON.stringify()方法，我们可以将JavaScript对象转为JSON格式的字符串，而JSON.parse()方法则可以将JSON字符串转为JavaScript对象。此外，我们还学习了如何在转换过程中使用replacer和space参数来定制输出。JSON的简单易用使其成为在不同应用程序之间进行数据交换的理想选择。