js中的json
1、什么是JSON?
JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation)
JSON 是轻量级的文本数据交换格式
2、JSON语法是JavaScript对象表示法语法的子集
数据以“名称:值方”式存储(如:{"userName" : "John"})
数据有逗号分隔(如:{ "firstName":"John" , "lastName":"Doe" })
花括号保存对象(如:{"userName" : "John"})
方括号保存数组(如:[{ "firstName":"John" },{ "firstName":"Anna" },{ "firstName":"Peter" }])
3、JSON值可以是
数字(整数或浮点数)、字符串、逻辑值(true或false)、数组、对象、null
4、JSON输出
- 定义JSON对象
var jsonStr = {"name":"Lanny","age":"25","location":"China"};
alert(jsonStr.name); //输出结果Lanny
- 定义JSON数组
var jsonArr = [{"name":"john1"},{"name":"john1"},{"name":"john1"}];
alert(jsonArr[0].name);//输出结果john1
- 定义JSON字符串对象
var jsonStr = "{\"name\":\"Lanny\",\"age\":\"25\",\"location\":\"China\"}";
var obj = eval('(' + jsonStr + ')');//JSON字符串转换为JSON对象
//var obj = JSON.parse(jsonStr);//JSON字符串转换为JSON对象
alert(obj.name);//输出Lancy
- 定义JSON字符串数组
var jsonArr = "[{\"name\":\"john1\"},{\"name\":\"john1\"},{\"name\":\"john1\"}]";
var obj = eval('(' + jsonArr + ')');//JSON字符串转换为JSON数组
//var obj = JSON.parse(jsonArr);//JSON字符串转换为JSON数组
alert(obj[0].name);
5、JSON字符串转换为JSON对象
var jsonStr = "{\"name\":\"Lanny\",\"age\":\"25\",\"location\":\"China\"}";
1)var obj = eval('(' + jsonStr + ')');//js原生方法
alert(obj.name);//输出Lanny
2)var obj = jQuery.parseJSON(jsonStr);//需要引入jQuery包
3)var obj = JSON.parse(jsonStr );
alert(obj.name);//输出Lanny
6、JSON对象转换为JSON字符串
方法一:
var obj = {"name":"Lanny","age":"25","location":"China"};
alert(obj);//输出[object Object]
var last=JSON.stringify(obj);//js原生方法
alert(objStr);//输出{"name":"Lanny","age":"25","location":"China"}
方法二:
var objStr=obj.toJSONString();//需要引入json2.js包
留心:
上面的多个要领中,除了eval()函数是js自带的之外,其他的多个要领都来自json.js包。新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个要领都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()要领,则说明您的json包版本太低。
7、添加数据
- 向JSON对象中添加数据
var jsonObj = {"name":"Lanny","age":"25","location":"China"};
jsonObj.email = "123@qq.com";
alert(jsonObj.email);//输出123@qq.com
- 向JSON数组中添加数据
var jsonArr = [{"name":"john1"},{"name":"john2"},{"name":"john3"}];
var obj = {"name":"john4"};
jsonArr.push(obj);
alert(jsonArr[3].name);//输出john4
js中的json的更多相关文章
- MVC中处理Json和JS中处理Json对象
MVC中处理Json和JS中处理Json对象 ASP.NET MVC 很好的封装了Json,本文介绍MVC中处理Json和JS中处理Json对象,并提供详细的示例代码供参考. MVC中已经很好的封装了 ...
- js中的json对象详细介绍
JSON一种简单的数据格式,比xml更轻巧,在JavaScript中处理JSON数据不需要任何特殊的API或工具包,下面为大家详细介绍下js中的json对象, 1.JSON(JavaScript Ob ...
- 在js中使用json
在js中使用json var obj = { "1" : "value1", "2" : "value2" ...
- js中 给json对象添加属性和json数组添加元素
js中 给json对象添加新的属性 比如现在有一个json对象为jsonObj,需要给这个对象添加新的属性newParam,同时给newParam赋值为pre.做法如下: var obj={ &quo ...
- js中的json操作
js中的json操作 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScr ...
- 【转】MVC中处理Json和JS中处理Json对象
事实上,MVC中已经很好的封装了Json,让我们很方便的进行操作,而不像JS中那么复杂了. MVC中: public JsonResult Test() { JsonResult json = new ...
- 关于JS中的JSON
早期,一般是使用XML作为互联网上传输结构化数据的,但由于它解析麻烦,字符冗长,因此被轻量级的JSON所逐渐替代.JSON是JavaScript的一个严格子集,利用了JavaScript中一些模式来表 ...
- js中把JSON字符串转换成JSON对象最好的方法
在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数. 2. 使用Function对象来进行返回解析. 第一种解析方式:使用eval函数来解析,并且使用j ...
- Js中把JSON字符串转换为JSON对象(eval()、new Function())
在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数. 2. 使用Function对象来进行返回解析. 第一种解析方式:使用eval函数来解析,并且使用j ...
- js 中读取JSON的方法探讨
方法一:函数构造定义法返回 var strJSON = "{name:'json name'}"; //得到的JSONvar obj = new Function("r ...
随机推荐
- WPF中ListBox控件在选择模式(SelectionMode)为Single时仍然出现多个Item被选中的问题
最近在学习WPF过程中使用到了ListBox控件,在使用时遇到下面的奇怪问题: 代码如下: listBox.Items.Add("绘图"); listBox.Items.Add(& ...
- hdu 2007 - 平方和与立方和
题目大意: 给定一段连续的整数,求出他们中所有偶数的平方和以及所有奇数的立方和. 解答: 坑你没商量!要考虑输入数a,b的大小.如果a>b,需要交换a,b的值. 1: #include<s ...
- SPOJ:ABCDEF
传送门 废话不说,这道题暴力枚举是$O(N^6)$,显然无法承受. 推导一下 $(x_1*x_2+x_3)/x_4-x_5=x_6$ $x_1*x_2+x_3=x_4*(x_5+x_6)$ 等式左边和 ...
- Facebook Messenger的后台架构是什么样的?
后台的架构是由前台的需求决定的.做 mobile app 的需求跟做 web app 是不一样的,比如 mobile app 对实时性的要求比较强(移动用户都没耐性),移动设备网络不稳定(要能做到断点 ...
- ASP------如何使界面布局具有一致外观
使用布局页或布局块的方法 转载: http://www.runoob.com/aspnet/webpages-layout.html
- C#------对SQLServer进行简单的增,删,改,查
EF中的操作转载: http://www.cnblogs.com/mcgrady/archive/2015/03/21/4355282.html PSContext db = new PSContex ...
- redis主从复制操作
1. 33.10服务器上 启动三个redis bin/redis-server etc/redis.conf bin/redis-server etc/6380conf bin/redis-serve ...
- LDA(转发)
主题模型-LDA浅析 分类: 数据挖掘 机器学习2012-09-03 14:09 24937人阅读 评论(16) 收藏 举报 文档allocationsemanticeach算法网络 上个月参加了在北 ...
- ubuntu下Eclipse安装
安装的版本是MARS 直接复制安装包到安装的目录,然后tar zxvf XXXX 对于不能输入中文,把系统的输入法改成ibus就行了,fctix不支持eclipse 汉化包的下载地址 http://d ...
- HTML学习笔记——box
1> HTML写法 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http: ...