最近由于工作需要,开始接触学习如何读取json数据,首先先来认识一下json数据:
1、定义
JSON: JavaScript Object Notation(JavaScript 对象表示法)
JSON 是存储和交换文本信息的语法,是一种轻量级的文本数据交换格式,比 XML 更小、更快,更易解析。
2、认识JSON 数据
json数据可以为数字(整数或浮点数)、字符串(在双引号中)、逻辑值(true 或 false)、数组(在中括号中)对象(在大括号中)、null
3、json数据的写法
a、JSON 数字类型,包括整型或者浮点型,写法为 { “age”:30 },其中age为数据的名称,30为数据的类型,前者要加 “ ”号,而后者不加;
b、json数据为字符串,写法为 { “name”:“Tom” },二者必须都加双引号;
c、json数据为对象,包含多条数据类型,写法为{ “name”:“菜鸟教程” , “url”:“www.runoob.com” }
d、json数据为数组,中间要用[]括起来,写法为:
{
“sites”: [
{ “name”:“菜鸟教程” , “url”:“www.runoob.com” },
{ “name”:“google” , “url”:“www.google.com” },
{ “name”:“微博” , “url”:“www.weibo.com” }
]
}
其中sites[0].name的值为"菜鸟教程",依次类推;
e、json数据为逻辑值,写法为{“flag”:ture}或者{“data”:null}
4、json的语法(读取json数据)
a、使用点号(.)来访问对象的值:例如
var myObj, x;
myObj = { “name”:“runoob”, “alexa”:10000, “site”:null };
x = myObj.name;
b、使用中括号([])来访问对象的值:例如
var myObj, x;
myObj = { “name”:“runoob”, “alexa”:10000, “site”:null };
x = myObj[“name”];
c、使用 for-in 来循环对象的属性:
var myObj = { “name”:“runoob”, “alexa”:10000, “site”:null };
for (x in myObj) {
document.getElementById(“demo”).innerHTML += x + “
”;
}
d、for-in 循环对象的属性时,使用中括号([])来访问属性的值:
var myObj={ “name”:“runoob”, “alexa”:10000, “site”:null };
for (x in myObj){
document.getElementById(“demo”).innerHTML +=myObj[x] +"
";
}
5、修改json数据的值
myObj.sites.site1 = “www.google.com”;
6、删除json数据的值
delete myObj.sites.site1;
7.访问嵌套json数据例如
myObj = {
“name”:“runoob”,
“alexa”:10000,
“sites”: {
“site1”:“www.runoob.com”,
“site2”:“m.runoob.com”,
“site3”:“c.runoob.com”
}
}
这个时候读取sites的写法为:myObj.sites.site1;或者myObj.sites.[“site1”];代表的就是"www.runoob.com"这条数据;
8、循环内嵌数组的读法