JSON对象超详细讲解|对象、循环对象、嵌套对象、修改和删除对象属性

最新推荐文章于 2024-07-24 11:38:03 发布

Alan_Lowe

最新推荐文章于 2024-07-24 11:38:03 发布

阅读量2.3k

点赞数 4

分类专栏： # JSON 文章标签： json html html5

本文链接：https://blog.csdn.net/qq_45985728/article/details/120015647

版权

JSON 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

JSON对象超详细讲解|对象、循环对象、嵌套对象、修改和删除对象属性

1.JSON对象

JSON 对象使用在大括号{}中书写。对象可以包含多个 key/value（键/值） 对。

key 必须是字符串，value 可以是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。key 和 value 中使用冒号(:)分割。每个 key/value 对使用逗号(,)分割。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对象详解</title>
</head>
<body>

<script>
    // 对象采用键值对
    var obj = {
        "name" : "Alan_Lowe",
        "age" : 20,
        "gender" : "male"
    }
    // 访问
    var x = obj.name;
    var y = obj["age"];
    document.write(x + " " + y);
</script>

</body>
</html>

在这里插入图片描述

2.循环对象

使用for-in可以访问对象的属性，类似于C++STL的auto x : s

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对象详解</title>
</head>
<body>

<script>
    // 对象采用键值对
    var obj = {
        "name" : "Alan_Lowe",
        "age" : 20,
        "gender" : "male"
    }
    // 循环对象，使用for-in
    for(x in obj){
        document.write(obj[x] + "<br>");
    }
</script>

</body>
</html>

在这里插入图片描述

3.嵌套对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对象详解</title>
</head>
<body>

<script>
    // 嵌套对象，即对象内放对象，和对象数组类似
    var obj = {
        "name" : "Alan_Lowe",
        "age" : 20,
        "gender" : "male",
        "hobby" : {
            "hobby1" : "篮球",
            "hobby2" : "足球"
        }
    }
    var x = obj.hobby["hobby1"];
    document.write(x);
</script>

</body>
</html>

在这里插入图片描述

4.修改值

直接等号修改：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对象详解</title>
</head>
<body>

<script>
    // 修改值对象属性
    var obj = {
        "name" : "Alan_Lowe",
        "age" : 20
    }
    obj["name"] = "Alan";
    document.write(obj.name);
</script>

</body>
</html>

在这里插入图片描述

5.删除对象属性

使用delete：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对象详解</title>
</head>
<body>

<script>
    // 删除对象属性
    var obj = {
        "name" : "Alan",
        "age" : 20
    }
    for(x in obj){
        document.write(obj[x] + " ");
    }
    document.write("<br>");
    delete obj.name;
    for(x in obj){
        document.write(obj[x] + " ");
    }
</script>

</body>
</html>

在这里插入图片描述

Alan_Lowe

关注

4
点赞
踩
8

收藏

觉得还不错? 一键收藏
打赏
0
评论
JSON对象超详细讲解|对象、循环对象、嵌套对象、修改和删除对象属性

JSON对象超详细讲解|对象、循环对象、嵌套对象、修改和删除对象属性1.JSON对象JSON 对象使用在大括号{}中书写。对象可以包含多个 key/value（键/值）对。key 必须是字符串，value 可以是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。key 和 value 中使用冒号(:)分割。每个 key/value 对使用逗号(,)分割。<!DOCTYPE html><html lang="en"><head&g
复制链接

扫一扫