js json转字符串|极客笔记

js json转字符串

在JavaScript中，我们经常需要将JSON对象转换为字符串，以便于存储、传输或打印。本文将详细介绍如何在JavaScript中将JSON对象转换为字符串，并提供示例代码以演示不同的转换方法。

1. JSON.stringify()

JSON.stringify()是JavaScript中最常用的将JSON对象转换为字符串的方法。它接受三个参数：value，replacer和space。

value：要转换为字符串的JSON对象。
replacer（可选）：一个函数，用于修改转换结果。它可以是一个数组，用于选择要包含的属性，也可以是一个函数，在字符串化过程中对值进行转换。
space（可选）：用于控制缩进的字符串或数字。

下面是使用JSON.stringify()将JSON对象转换为字符串的示例代码：

const person = {
  name: "John",
  age: 30,
  hobbies: ["reading", "gaming"],
  address: {
    street: "123 ABC Street",
    city: "New York",
    state: "NY"
  }
};

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

运行结果：

{
  "name": "John",
  "age": 30,
  "hobbies": ["reading", "gaming"],
  "address": {
    "street": "123 ABC Street",
    "city": "New York",
    "state": "NY"
  }
}

在上面的示例中，我们将一个包含个人信息的JSON对象转换为字符串。JSON.stringify(person)会将person对象转换为一个格式化好的JSON字符串。console.log(jsonString)会输出这个字符串到控制台。

2. 自定义转换方法

除了使用JSON.stringify()的默认转换方法，我们还可以通过replacer参数添加自定义转换逻辑，进一步控制转换过程。

2.1 选择属性

我们可以使用replacer参数指定要包含的属性，或者排除某些属性。如果replacer是一个数组，它将只包含这些属性。如果replacer是一个函数，我们可以根据需要返回属性或修改属性值。

下面是一个示例代码，演示如何选择属性进行转换：

const person = {
  name: "John",
  age: 30,
  hobbies: ["reading", "gaming"],
  address: {
    street: "123 ABC Street",
    city: "New York",
    state: "NY"
  }
};

const jsonString = JSON.stringify(person, ["name", "hobbies"]);
console.log(jsonString);

运行结果：

{
  "name": "John",
  "hobbies": ["reading", "gaming"]
}

在上面的示例中，我们指定了要转换的属性为”name”和”hobbies”。结果中只包含这两个属性的信息。

2.2 修改属性值

我们也可以使用replacer参数的函数形式，对属性进行修改。函数接收两个参数：属性名和属性值。我们可以在函数中对属性值进行处理，然后返回新的属性值。

下面是一个示例代码，演示如何修改属性值进行转换：

const person = {
  name: "John",
  age: 30,
  hobbies: ["reading", "gaming"],
  address: {
    street: "123 ABC Street",
    city: "New York",
    state: "NY"
  }
};

const jsonString = JSON.stringify(person, (key, value) => {
  if (key === "age") {
    return value * 2;
  }
  return value;
});

console.log(jsonString);

运行结果：

{
  "name": "John",
  "age": 60,
  "hobbies": ["reading", "gaming"],
  "address": {
    "street": "123 ABC Street",
    "city": "New York",
    "state": "NY"
  }
}

在上面的示例中，我们对属性”age”的值进行了自定义处理，将其乘以2。其他属性则保持不变。

3. JSON.parse()

将JSON对象转换为字符串的相反操作是将字符串转换为JSON对象。在JavaScript中，我们可以使用JSON.parse()方法将字符串解析为JSON对象。

下面是一个示例代码，演示如何使用JSON.parse()方法将字符串转换为JSON对象：

const jsonString = `{
  "name": "John",
  "age": 30,
  "hobbies": ["reading", "gaming"],
  "address": {
    "street": "123 ABC Street",
    "city": "New York",
    "state": "NY"
  }
}`;

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

运行结果：

{
  name: 'John',
  age: 30,
  hobbies: [ 'reading', 'gaming' ],
  address: {
    street: '123 ABC Street',
    city: 'New York',
    state: 'NY'
  }
}

在上面的示例中，我们使用JSON.parse()方法将JSON字符串解析为一个JavaScript对象。console.log(person)会输出这个对象到控制台。