每日学到 50 - JSON

iiiiiiiiiiice

已于 2022-10-19 14:45:41 修改

阅读量461

点赞数 1

分类专栏： JavaScript 文章标签： javascript json html 前端 css

于 2022-09-27 16:08:09 首次发布

本文链接：https://blog.csdn.net/m0_52588421/article/details/127072642

版权

JavaScript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

1.JSON - 简介

2.书写格式

3.JSON 对象

对象可以包含多个 key/value（键/值）对

1.JSON - 简介

    JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）
   JSON 是轻量级的文本数据交换格式
   JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。
   JSON 具有自我描述性，更易理解

2.书写格式

    key : value
       名称写在双引号中
       JSON 值
                数字（整数或浮点数）
                字符串（在双引号中）
                逻辑值（true 或 false）
                数组（在中括号中）
                对象（在大括号中）
                null

3.JSON 对象

对象可以包含多个 key/value（键/值）对

点号 . 来访问对象的值

var myObj, x;
myObj = { "name":"runoob", "alexa":10000, "site":null };
x = myObj.name;

中括号[]来访问对象的值

var myObj, x;
myObj = { "name":"runoob", "alexa":10000, "site":null };
x = myObj["name"];

循环对象

使用 for-in 来循环对象的属性

var myObj = { "name":"runoob", "alexa":10000, "site":null };
for (x in myObj) {
    document.getElementById("demo").innerHTML += x + "<br>";
}

在 for-in 循环对象的属性时，使用中括号（[]）来访问属性的值

var myObj = { "name":"runoob", "alexa":10000, "site":null };
for (x in myObj) {
    document.getElementById("demo").innerHTML += myObj[x] + "<br>";
}

嵌套 JSON 对象

JSON 对象中可以包含另外一个 JSON 对象

myObj = {
    "name":"runoob",
    "alexa":10000,
    "sites": {
        "site1":"www.runoob.com",
        "site2":"m.runoob.com",
        "site3":"c.runoob.com"
    }
}

4.JSON 数组

我们可以使用索引值来访问数组

x = myObj.sites[0];

可以使用 for-in 来访问数组

for (i in myObj.sites) {
    x += myObj.sites[i] + "<br>";
}

也可以使用 for 循环

for (i = 0; i < myObj.sites.length; i++) {
    x += myObj.sites[i] + "<br>";
}

嵌套 JSON 对象中的数组

双重for循环

5.JSON.parse()

我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。

       JSON.parse(text[, reviver])
                text:必需，一个有效的 JSON 字符串。
                reviver: 可选，一个转换结果的函数，将为对象的每个成员调用此函数。

6.JSON.stringify()

我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

       JSON.stringify(value[, replacer[, space]])
                value: 必需，要转换的 JavaScript 值（通常为对象或数组）。
                replacer:可选。用于转换结果的函数或数组。
                space:可选，文本添加缩进、空格和换行符