JSON 教程 json入门学习笔记

什么是JSON

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript的语法，但与之相比，JSON更简洁、更易于理解，且可用于多种编程语言之间的数据传输。

JSON的语法规则

对象

在JSON 中，对象以“{}”表示，两个花括号之间是一组属性-值对，属性名和属性值之间以“:”分隔，不同属性-值对之间以“,”分隔。

一个典型的JSON 对象的格式如下：

{
    "name": "Alice",
    "age": 30,
    "married": false,
    "hobbies": ["reading", "traveling", "swimming"],
    "address": {
        "country": "China",
        "province": "Beijing",
        "city": "Haidian"
    }
}

数组

在JSON中，数组以“[]”表示，不同元素之间以“,”分隔。

一个典型的JSON数组的格式如下：

[
    "apple",
    9.99,
    true,
    {
        "color": "red",
        "weight": "0.5kg"
    }
]

值

JSON 提供了以下三种基本的值类型：字符串、数字、布尔值，以及以下两种“复杂”的值类型：对象和数组。

JSON的使用场景

由于JSON格式简单且易于理解，它已被广泛应用于Web开发和数据交互中。以下是JSON的几个常见应用场景:

1.在Web开发中，JSON作为数据传输格式，用于服务器与客户端之间的异步数据交换，实现前后端分离。

2.JSON还可用于数据存储，例如浏览器中的Local Storage和Session Storage。

3.JSON可用于API的构建和数据传输。

使用JSON的示例

示例1：将JSON对象转换为JSON字符串

//对象
var person = {
    "name": "Alice",
    "age": 30,
    "married": false,
    "hobbies": ["reading", "traveling", "swimming"],
    "address": {
        "country": "China",
        "province": "Beijing",
        "city": "Haidian"
    }
}

//将对象转换为JSON字符串
var jsonStr = JSON.stringify(person);

console.log(jsonStr);

输出结果：

{
    "name": "Alice",
    "age": 30,
    "married": false,
    "hobbies": ["reading", "traveling", "swimming"],
    "address": {
        "country": "China",
        "province": "Beijing",
        "city": "Haidian"
    }
}

示例2：将JSON字符串转换为JSON对象

//JSON字符串
var jsonStr = '{ "name":"Alice", "age":30, "married":false, "hobbies":["reading","traveling","swimming"], "address":{ "country":"China", "province":"Beijing", "city":"Haidian" } }';

//将JSON字符串转换为JSON对象
 var person = JSON.parse(jsonStr);

 console.log(person);

输出结果：

{
    "name": "Alice",
    "age": 30,
    "married": false,
    "hobbies": ["reading", "traveling", "swimming"],
    "address": {
        "country": "China",
        "province": "Beijing",
        "city": "Haidian"
    }
}