java script -JSON基础_script json-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_69015220/article/details/124851940

这篇博客介绍了JSON作为数据传输格式的基础知识，重点讲述了JavaScript如何通过JSON.parse()和JSON.stringify()进行JSON字符串与JavaScript对象之间的转换。文中详细阐述了JSON的定义、规则及语法，并列举了不同类型的元素值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JSON

JSON 是存储和传输数据的格式。
JSON 经常在数据从服务器发送到网页时使用。

java script 与 json转换

JSON.parse()
用于将一个 JSON 字符串转换为 JavaScript 对象。
JSON.stringify()
用于将 JavaScript 值转换为 JSON 字符串。

<script>
    // JSON: JavaScript Object Notation(JavaScript 对象表示法)
    // JSON 是存储和交换文本信息的语法，类似 XML。
    // JSON 比 XML 更小、更快，更易解析。
    let person = {
        nickname: "李昊哲",
        age: 39,
        gender: 1,
    };
    console.log(person);
// JSON.stringify(对象名) 返回值为该对象的json格式字符串
    let json_text = JSON.stringify(person);
    console.log(json_text);
    
// JSON.parse(json格式字符串) 返回值为JavaScript对象
    let json_obj = JSON.parse(json_text);
    console.log(json_obj);
</script>

定义json
json属于key value 名称，值的格式
JSON的规则：对象是一个无序的“‘名称：值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个：（冒号）；“‘名称/值，之间使用“,”（逗号）分隔。
语法：

语法有：
{
“键”：“值”，
“键”：[“值”，“值”，“值”，“值”，]，
“键”：{“键”：“值”，“键”：“值”}，
“键”：[{“键”：“值”},{“键”：“值”},{“键”：“值”}]
}

1映射用冒号（“：”）表示。名称:值
2并列的数据之间用逗号（,）分隔。名称1:值1,名称2:值2
3映射的集合（对象）用大括号（“{}”）表示。{名称1:值1,名称2:值2}
4并列数据的集合（数组）用方括号(“[]”)表示。
[ {名称1:值,名称2:值2}，{名称1:值,名称2:值2} ]
元素值可具有的类型：string, number, object, array, true, false, null
如下json的是名称：值格式，值里面套名称：值。

//映射用冒号（“：”）表示,key：value格式 key名称：value可以是字符串也可以是数组
{
    "nickname": "李昊哲",
    "hobby": [
        "游泳",
        "健身",
        "爬山"
    ],
//并列的数据之间用逗号（,）分隔
    "wife": {
        "nickname": "大美丽",
        "gender": "0"
    },
// 并列数据的集合（数组）用方括号(“[]”)表示，valu里套key：value格式
    "gril_friends": [
        {
            "nickname": "大美丽",
            "gender": "0"
        },
        {
            "nickname": "小美丽",
            "gender": "0"
        }
        ]
}