JSON对象_如何访问json对象-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_62394768/article/details/125764856

本文介绍了JavaScript中的JSON对象的基本概念、访问方式及遍历方法。通过实例展示了如何使用点号和方括号访问对象值，以及如何遍历JSON对象的属性。此外，还探讨了嵌套JSON对象的访问技巧，强调了JSON在AJAX应用中的优势。

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

1.前言

今天已经学习到了JavaScript JSON，要想学好JavaScript JSON，你首先就要知道JSON是什么，JSON（JavaScript Object Notation）是一种带有格式的文本，JavaScript 中的 JSON对象用于处理这种文本。

2.JSON对象

JSON 对象被花括号 {} 包围。

JSON 对象以键/值对书写。

键必须是字符串，值必须是有效的 JSON 数据类型（字符串、数字、对象、数组、布尔或 null）。

键和值由冒号分隔。

每个键/值对由逗号分隔。

1.访问对象值

可以通过使用点号（.）来访问对象值：

var myJSON =  { "name":"xiaot", "sex":"male", "age":32 }

        var jsonName = myJSON.name;
        
        console.log(jsonName);

话可以通过方括号（[]）来访问对象值：

var myJSON =  { "name":"xiaot", "sex":"male", "age":32 }

        var jsonName = myJSON["name"];

        console.log(jsonName);

2.遍历对象

可以通过使用 for-in 遍历对象属性：

<!DOCTYPE html>
<html>
<body>
<p>遍历 JSON 对象中的所有属性。</p>

<p id="demo"></p>
<script>
	var myJSON = { "name": "xiaot", "sex": "male", "age": 32 }
    var x;

    for (x in myJSON) {
       document.getElementById("demo").innerHTML += x + "</br>";
    }
</script>

</body>
</html>

运行代码如下：

在这里插入图片描述

3.嵌套JSON对象

嵌套JSON对象是指一个 JSON 对象中的值可以是另一个 JSON 对象。

 myJSON = {
            "name": "xiaot",
            "age": 88,
            "cars": {
                "car1": "lamborghini",
                "car2": "Mercedes Benz",
                "car3": "Bugatti Veyron"
            }
        }

可以通过使用点号和括号访问嵌套的 JSON 对象：

	x = myJSON.cars.car2;
	//或者
    x = myJSON.cars["car2"];
	console.log(x);

从控制台上打出就可以很明了
在这里插入图片描述

3.小结

对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用，所以这些掌握这些知识点是有百利而无一害的！