JSON 对象是 JSON 数据格式中最核心的组成单元，掌握其语法规则、访问方式、修改与删除等操作，是灵活处理 JSON 数据的关键。无论是前端解析后端返回的 JSON 数据，还是构建自定义 JSON 对象，都需要熟练掌握这些基础操作。接下来，我们将系统讲解 JSON 对象的语法、值的访问、循环遍历、嵌套使用，以及修改和删除属性的方法，帮你全面掌握 JSON 对象的核心用法。

JSON 对象

对象语法

实例

{ "name":"runoob", "alexa":10000, "site":null }

JSON 对象使用在大括号 {...} 中书写。

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

key 必须是字符串，value 可以是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。

key 和 value 中使用冒号 : 分割。

每个 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 + "
";

}

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

实例

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

for (x in myObj) {

    document.getElementById("demo").innerHTML += myObj[x] + "
";

}

嵌套 JSON 对象

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

实例

myObj = {

    "name":"runoob",

    "alexa":10000,

    "sites": {

        "site1":"www.runoob.com",

        "site2":"m.runoob.com",

        "site3":"c.runoob.com"

    }

}

你可以使用点号 . 或者中括号 [...] 来访问嵌套的 JSON 对象。

实例

x = myObj.sites.site1;

// 或者

x = myObj.sites["site1"];

修改值

你可以使用点号 . 来修改 JSON 对象的值：

实例

myObj.sites.site1 = "www.google.com";

你可以使用中括号 [...] 来修改 JSON 对象的值：

实例

myObj.sites["site1"] = "www.google.com";

删除对象属性

我们可以使用 delete 关键字来删除 JSON 对象的属性：

实例

delete myObj.sites.site1;

你可以使用中括号 [...] 来删除 JSON 对象的属性：

实例

delete myObj.sites["site1"]

JSON 对象的各类操作是处理 JSON 数据的基础，从基础的语法定义，到值的访问、循环遍历，再到嵌套对象的操作、属性的修改与删除，每一个环节都直接影响着数据处理的效率和准确性。熟练掌握这些操作方法，能让你在实际开发中快速解析和处理 JSON 数据，适配各类前后端数据交互场景的需求。