对象 {key:value}
数组["value1","value2",...]
下面咱们就做个小的实例来看看
Json对象,它的表示和js中的对象字面量几乎是同一种表示。下面的就是一个对象(数组)
这个 employee 对象是包含 3个员工记录(对象)的数组
- {
- "employees":[
- {"fristName":"Bill","lastName":"Gates"},
- {"firstName":"Groge","lastName":"Bush"},
- { "firstName":"Thomas" ,"lastName":"Carter" }
- ]
- }
在测试页的代码如下
- <html>
- <body>
- <h2>通过 JSON字符串来创建对象</h3>
- <p>First Name:<span id="fname"></span></p>
- <scripttypescripttype="text/javascript">
- var employees = [
- {"firstName":"Bill" , "lastName":"Gates"},
- {"firstName":"George" ,"lastName":"Bush" },
- {"firstName":"Thomas" , "lastName":"Carter" }
- ];
- employees[0].firstName="Jobs";
- document.getElementById("fname").innerHTML=employees[1].firstName;
- </script>
- </body>
- </html>
效果图如下:
从上图的代码中可以看到,Json的语法是完全符合js的,
表现为:
数据由:名称/值,逗号分隔
花括号保存对象{}
总括和保存数组[ ]
使用:
上面的综合图中可以看到Json的作用有存储数据和转换数据
存储主要为赋值给变量
- Var people =
- {
- "employees":[
- {"fristName":"Bill","lastName":"Gates"},
- {"firstName":"Groge","lastName":"Bush"},
- { "firstName":"Thomas" ,"lastName":"Carter" }
- ]
- }
访问数据,修改数据等,如获取变量中的值
- People.employees[0].lastName
最重要的是可以将任意js对象转为json文本。如,将上文的json对象转为文本格式只需要
- Var newJsonNext=people.toJSONString();
这样就可以任意地方使用文本字符串了
小结:
综合以上,我们可以初步认识到Json是js中的一种新的数据类型,主要用于数据的交换和传输。它可以将Json的数据转为js的任意类型,并进行数据的传输。