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)传统方式存储数据,调用数据
复制代码代码如下:
<script type=
"text/javascript"
>
//JS传统方式下定义"类"
function
Person(id,name,age){
this
.id = id;
this
.name = name;
this
.age = age;
}
//JS传统方式下创建"对象"
var
p =
new
Person(20141028,
"一叶扁舟"
,22);
//调用类中的属性,显示该Person的信息
window.alert(p.id);
window.alert(p.name);
window.alert(p.age);
</script>
2)第一种样式:
复制代码代码如下:
<script type=
"text/javascript"
>
var
person = {
id:001,
name:
"一叶扁舟"
,
age:23
}
window.alert(
"编号:"
+person.id);
window.alert(
"用户名:"
+person.name);
window.alert(
"年龄:"
+person.age);
</script>
3)第二种样式:
复制代码代码如下:
<script type=
"text/javascript"
>
var
p = [
{id:001,name:
"一叶扁舟"
,age:22},
{id:002,name:
"无悔"
,age:23},
{id:003,name:
"无悔_一叶扁舟"
,age:24}
];
for
(
var
i = 0; i < p.length; i++){
window.alert(
"编号:"
+p[i].id);
window.alert(
"用户名:"
+p[i].name);
window.alert(
"年龄:"
+p[i].age);
}
</script>
4)第三种样式:
复制代码代码如下:
<script type=
"text/javascript"
>
var
p = {
"province"
:[
{
"city"
:
"福州"
},
{
"city"
:
"厦门"
},
{
"city"
:
"莆田"
}
]
};
window.alert(
"所在城市:"
+ p.province[0].city);
</script>
5)第四种样式:
复制代码代码如下:
<script type=
"text/javascript"
>
var
p = {
"ids"
:[
{
"id"
:001},
{
"id"
:002},
{
"id"
:003}
],
"names"
:[
{
"name"
:
"一叶扁舟"
},
{
"name"
:
"无悔"
},
{
"name"
:
"无悔_一叶扁舟"
}
]
};
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);
}
</script>
6)第五种样式:
复制代码代码如下:
<script type=
"text/javascript"
>
var
p = {
"province"
:[
"福州"
,
"厦门"
,
"莆田"
]
};
window.alert(
"城市的个数:"
+p.province.length);
window.alert(
"分别是:\n"
);
for
(
var
i=0;i<p.province.length;i++){
window.alert(p.province[i]);
}
</script>
JS中的JSON对象 定义和取值的更多相关文章
- js中的json对象详细介绍
JSON一种简单的数据格式,比xml更轻巧,在JavaScript中处理JSON数据不需要任何特殊的API或工具包,下面为大家详细介绍下js中的json对象, 1.JSON(JavaScript Ob ...
- js中 给json对象添加属性和json数组添加元素
js中 给json对象添加新的属性 比如现在有一个json对象为jsonObj,需要给这个对象添加新的属性newParam,同时给newParam赋值为pre.做法如下: var obj={ &quo ...
- MVC中处理Json和JS中处理Json对象
MVC中处理Json和JS中处理Json对象 ASP.NET MVC 很好的封装了Json,本文介绍MVC中处理Json和JS中处理Json对象,并提供详细的示例代码供参考. MVC中已经很好的封装了 ...
- js中的json对象
1.JSON(JavaScript Object Notation)一种简单的数据格式,比xml更轻巧.JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不须要 ...
- JS中实现JSON对象和JSON字符串之间的相互转换
对于主流的浏览器(比如:firefox,chrome,opera,safari,ie8+),浏览器自己提供了JSON对象,其中的parse和stringify方法实现了JSON对象和JSON字符串之间 ...
- js中的json对象和字符串之间的转化
字符串转对象(strJSON代表json字符串) var obj = eval(strJSON); var obj = strJSON.parseJSON(); var obj = JSO ...
- 【转】MVC中处理Json和JS中处理Json对象
事实上,MVC中已经很好的封装了Json,让我们很方便的进行操作,而不像JS中那么复杂了. MVC中: public JsonResult Test() { JsonResult json = new ...
- js中解析json对象:JSON.parse()用于从一个字符串中解析出json对象, JSON.stringify()用于从一个对象解析出字符串。
JSON.parse()用于从一个字符串中解析出json对象. var str = '{"name":"huangxiaojian","age&quo ...
- 在js中 把 json对象转化为String对象的方法
方法1: 使用js的扩展方法 ** * json对象转字符串形式 */ function json2str(o) { var arr = []; var fmt = function(s) { if ...
随机推荐
- NVM安装nodejs的方法
安装nodejs方式有很多种. 第一种:官网下载 通过nodejs官网下载安装 ,但有个缺陷,不同版本的nodejs无法顺利的切换. 第二种: NVM安装 NVM可以帮助我们快速切换 node版本 ...
- 读阮一峰《ECMAScript 6 入门》小结
读阮一峰<ECMAScript 6 入门>小结,http://es6.ruanyifeng.com/ 1. ES6简介 Babel 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转 ...
- C#创建子线程,子线程使用委托更新控件
一.背景 由于在窗体程序中通过点击一个button按键后需要更新TreeView控件的内容,由于等待时间比较长,主程序无法一起在那边等待,需要去处理其它的事情,所以就需要创建新的子线程来处理.因为主线 ...
- android通用JSON解析
ackage cn.com.pcgroup.<a href="http://lib.csdn.net/base/15" class="replace_word&qu ...
- ecshop微信接口基础认识
ecshop微信接口基础认识,当你要学习ecshop和微信整合的时候,你就必须研究ecshop的数据结构对接以及微信数据接口的基本知识.我们知道微信其实就是通过有效的消息推送,用JSON格式的数据或者 ...
- wechat4j框架具体解释
发送消息: 基于上面access_token的逻辑,在构造发送消息对象的时候请依照例如以下代码. wechat4j和微信强力推荐的方法 CustomerMsg customerMsg = new Cu ...
- python报错Nonetype object is not iterable
https://www.cnblogs.com/zhaijiahui/p/8391701.html 参考链接:http://blog.csdn.net/dataspark/article/detail ...
- GO语言学习(十九)Go 错误处理
Go 错误处理 Go 语言通过内置的错误接口提供了非常简单的错误处理机制. error类型是一个接口类型,这是它的定义: type error interface { Error() string } ...
- The Swift Programming Language 中文翻译版
原文(http://www.cnblogs.com/lkvt/p/3765349.html) 一.Welcome to Swift 1.关于Swift Swift是一种用于iOS和OS X应用的全新编 ...
- GOROOT,GOPATH,GOBIN,project
GOROOT,GOPATH,GOBIN,project目录 我们接下来一个一个来看关于Go语言中的三个目录的详细解释先通过go env查看go的环境变量(我这里是mac的环境,所以可能和你的不同) ...