前端JavaScript——json对象（重点掌握）

最新推荐文章于 2023-08-07 09:43:13 发布

辉猪子

最新推荐文章于 2023-08-07 09:43:13 发布

阅读量1.4k

点赞数 4

分类专栏：前端HTML CSS JavaScript jquery 文章标签： javascript

本文链接：https://blog.csdn.net/m0_48930261/article/details/108112406

版权

前端HTML CSS JavaScript jquery 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

1.json的定义：

JSON全称是JavaScript Object Notation,是一种轻量级的数据交换格式

json对象：
1、下面这种格式一般用于数据的传输
2、格式：以{}括起来
3、json对象属性的定义：—— 属性名：属性值；属性和属性之间用“，”逗号隔开
4、json对象的调用：直接【对象名称.属性名】就可以调用到属性值

在这里插入图片描述

2.JSON的语法规则：

1）数据以名称/值对的形式保存，如：{“key”: “value”}。

JSON的值value 可以使数字、字符串、null、true、false、数组或对象

2）数据用逗号分隔；花括号保存对象，对象可以包含多个名/值对；方括号保存数组，数组可以包含对个对象。

如{

“age” : “10”,

“name”: “旺旺”,

}

3)JSON文件：

JSON 文件的文件类型是 “.json”
JSON 文本的 MIME 类型是 “application/json”

3.JSON的两种对象结构：

1）键值对形式：即Name-Value对的结构结构集合（无序的）

如：｛name1:value1.name2:value2,…｝;

{“name”:“小明”，“age”:""}

 <script>
    //json定义对象
        var goods={
            g1:["哇哈哈","3yuan"],
            g2:["百事","5yuan"],
            g3:["可乐","6yuan"],
            g4:["辣条","8yuan"],
            g5:{name:牛奶,monery:10}
            study:function(){
              alert("good good study,day          day up");
               },
             exam:function(){
             alert("考试不合格“)
             }
        };
        //json对象的使用
        var fun=function(){
        //调用属性和方法
            alert(goods.g1[0]);
            goods.exam();
            alert(goods.g3);
        }
        //动态的给json对象增加属性和方法（修改属性和方法）
        goods.g5.name="棒棒糖";
        alert(goods.g5.name);
        goods.result=function(){
         alert("狠狠的收拾一顿");
        }；
        goods.result();
        //json字符串（json对象格式的字符串）
        //可以使用eval（）方法，将json字符串转换成json对象
   var fun2=function(){
   		var str="date={\"name\":\"张三\"，\"age\"：10}";
   		//eval方法，将一个字符串转换成JavaScript对象
   		eval（str）；
   		alert（data.name）；
   }
    </script>
</head>
<body>
<input type="button" value="提交" onclick="fun()">
</body>
</html>

2)Array（有序的）：一组有序的数据列表

（摘抄补充的这种形式）！！！！！！

例如：[value1,value2,value3,…] 其中，

值可以是双引号引起来的字符串（string）、数值（number）、true、false、null、对象（object）或者数组（Array），这些结构都是可以嵌套的

如：例一：对象中可以包含数组

　　 {
　　 "root":[
　　 {"id":"001","name":"小红"}，
　　 {"id":"002","name":"小明"}，
　　 {"id":"003","name":"小丽"}
　　 ],
　　 "total":3,"success":true}

  例二：也可以对象嵌套子对象，子对象再嵌套数组：

      ｛
      "memberList":{
      "lists":[
      {"id":"001","name":"小红"},
      {"id":"002","name":"小明"}，
      {"id":"003","name":"小丽"}
             ]
          }
      ｝

例三：数组中可以包含对象：

   [
   {"id":"001","name":"小红"}，
   {"id":"002","name":"小明"}，
   {"id":"003","name":"小丽"},
   ........
   ]

辉猪子

关注

4
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
前端JavaScript——json对象（重点掌握）

1.json的定义：JSON全称是JavaScript Object Notation,是一种轻量级的数据交换格式json对象：1、下面这种格式一般用于数据的传输2、格式：以{}括起来3、json对象属性的定义：—— 属性名：属性值；属性和属性之间用“，”逗号隔开4、json对象的调用：直接【对象名称.属性名】就可以调用到属性值2.JSON的语法规则：1）数据以名称/值对的形式保存，如：{“key”: “value”}。JSON的值value 可以使数字、字符串、null、tru
复制链接

扫一扫