JS格式化JSON|极客笔记

JS格式化JSON

在前端开发中，经常会涉及到处理JSON数据。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于阅读和编写。在处理JSON数据时，有时候我们需要对其进行格式化，使其更易读。在JavaScript中，我们可以通过一些方法来实现JSON的格式化。本文将介绍如何在JavaScript中格式化JSON数据。

什么是JSON

JSON是一种数据格式，它由键值对组成。JSON数据通常用于存储和交换数据，不同的编程语言都可以解析和生成JSON数据。JSON数据有以下几种类型：

数字：整数或实数
字符串：用双引号括起来的文本
布尔值：true或false
数组：由一组有序的值组成，用中括号括起来
对象：由一组键值对组成，用花括号括起来

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

{
  "name": "Alice",
  "age": 25,
  "isStudent": true,
  "hobbies": ["reading", "swimming"],
  "address": {
    "city": "New York",
    "zipCode": 10001
  }
}

格式化JSON方法

在JavaScript中，我们可以使用一些方法来格式化JSON数据，使其更易读。下面是三种常用的方法：

JSON.stringify()

JSON.stringify() 方法用于将JavaScript对象转换为JSON字符串。

语法：JSON.stringify(obj, replacer, space)

参数说明：

obj：要转换为JSON字符串的JavaScript对象
replacer（可选）：函数或数组，指定在序列化对象时应该替换的属性和值
space（可选）：用于控制对输出进行缩进的空格（数字或字符串）

示例代码：

const obj = {
  name: "Bob",
  age: 30,
  isStudent: false,
  hobbies: ["running", "cooking"],
  address: {
    city: "Los Angeles",
    zipCode: 90001
  }
};

const jsonString = JSON.stringify(obj, null, 2);
console.log(jsonString);

运行结果：

{
  "name": "Bob",
  "age": 30,
  "isStudent": false,
  "hobbies": [
    "running",
    "cooking"
  ],
  "address": {
    "city": "Los Angeles",
    "zipCode": 90001
  }
}

JSON.parse()

JSON.parse() 方法用于将JSON字符串解析为JavaScript对象。

语法：JSON.parse(jsonString)

参数说明：

jsonString：要解析的JSON字符串

示例代码：

const jsonString = '{"name": "Bob", "age": 30, "isStudent": false, "hobbies": ["running", "cooking"], "address": {"city": "Los Angeles", "zipCode": 90001}}';

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

运行结果：

{
  name: "Bob",
  age: 30,
  isStudent: false,
  hobbies: [
    "running",
    "cooking"
  ],
  address: {
    city: "Los Angeles",
    zipCode: 90001
  }
}