js中的json对象详细介绍

前端之家收集整理的这篇文章主要介绍了js中的json对象详细介绍前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.JSON(JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。 JSON的规则很简单:对象是一个无序的“‘名称:值'对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值'对”之间使用“,”(逗号)分隔。

规则如下:

1)映射用冒号(“:”)表示。名称:值 2)并列的数据之间用逗号(“,”)分隔。名称1:值1,名称2:值2 3) 映射的集合(对象)用大括号(“{}”)表示。{名称1:值1,名称2:值2} 4) 并列数据的集合(数组)用方括号(“[]”)表示。 [ {名称1:值,名称2:值2},

{名称1:值,名称2:值2}

] 5 )元素值可具有的类型:string,number,object,array,true,false,null

2.json中的五种写法:

1)传统方式存储数据,调用数据

代码如下:

//调用类中的属性显示该Person的信息 window.alert(p.id); window.alert(p.name); window.alert(p.age);

2)第一种样式:
代码如下:
用户名:"+person.name); window.alert("年龄:"+person.age);
3)第二种样式:
代码如下:

for(var i = 0; i < p.length; i++){ window.alert("编号:"+p[i].id); window.alert("用户名:"+p[i].name); window.alert("年龄:"+p[i].age);

}

4)第三种样式:
代码如下:
5)第四种样式:
代码如下:

for(var i = 0; i < p.names.length; i++){ window.alert("名字:"+p.names[i].name);

} for(var i = 0; i < p.ids.length; i++){ window.alert("id:"+p.ids[i].id); }

6)第五种样式:
代码如下:

PS:关于json操作,这里再为大家推荐几款比较实用的json在线工具供大家参考使用:

在线JSON代码检验、检验、美化、格式化工具:

JSON在线格式化工具:

在线XML/JSON互相转换工具:

json代码在线格式化/美化/压缩/编辑/转换工具:

在线json压缩/转义工具:

C语言风格/HTML/CSS/json代码格式化美化工具:

猜你在找的JavaScript相关文章