java前端总结25

最新推荐文章于 2024-09-27 15:52:57 发布

hiyaaa

最新推荐文章于 2024-09-27 15:52:57 发布

阅读量462

点赞数

文章标签：前端 java json

本文链接：https://blog.csdn.net/qq_58309787/article/details/122991512

版权

本文详细介绍了JSON的基本语法，包括数据格式、值的类型以及如何通过for-in循环遍历对象属性。此外，还展示了如何嵌套JSON对象、修改值以及删除属性。同时，讲解了JSON.parse()和JSON.stringify()方法在转换JavaScript对象和字符串中的应用。通过AJAX获取并解析JSON数据的示例也被提供。

摘要由CSDN通过智能技术生成

JSON 语法规则

1.JSON 语法是 JavaScript 对象表示语法的子集。

数据在名称/值对中
数据由逗号分隔
大括号 {} 保存对象
中括号 [] 保存数组，数组可以包含多个对象

2.JSON 数据的书写格式是：key : value（key 必须是字符串，value 可以是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null））。

JSON 值

JSON 值可以是：

数字（整数或浮点数）
字符串（在双引号中）
逻辑值（true 或 false）
数组（在中括号中）
对象（在大括号中）
null

循环对象

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

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

嵌套 JSON 对象

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

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

修改值：使用点号(.)来修改 JSON 对象的值。

删除对象属性：使用 delete 关键字来删除 JSON 对象的属性。

delete myObj.sites.site1;

JSON.parse()

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

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

var obj = JSON.parse('{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }');

使用 AJAX 从服务器请求 JSON 数据，并解析为 JavaScript 对象。

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        myObj = JSON.parse(this.responseText);
        document.getElementById("demo").innerHTML = myObj.name;
    }
};
xmlhttp.open("GET", "url", true);
xmlhttp.send();

JSON.stringify()

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

JSON.stringify(value[, replacer[, space]])

JavaScript 对象转换

var obj = { "name":"runoob", "alexa":10000, "site":"www.runoob.com"};
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;