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的更多相关文章

  1. MVC中处理Json和JS中处理Json对象

    MVC中处理Json和JS中处理Json对象 ASP.NET MVC 很好的封装了Json,本文介绍MVC中处理Json和JS中处理Json对象,并提供详细的示例代码供参考. MVC中已经很好的封装了 ...

  2. js中的json对象详细介绍

    JSON一种简单的数据格式,比xml更轻巧,在JavaScript中处理JSON数据不需要任何特殊的API或工具包,下面为大家详细介绍下js中的json对象, 1.JSON(JavaScript Ob ...

  3. 在js中使用json

    在js中使用json var obj = {     "1" : "value1",     "2" : "value2" ...

  4. js中 给json对象添加属性和json数组添加元素

    js中 给json对象添加新的属性 比如现在有一个json对象为jsonObj,需要给这个对象添加新的属性newParam,同时给newParam赋值为pre.做法如下: var obj={ &quo ...

  5. js中的json操作

    js中的json操作 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScr ...

  6. 【转】MVC中处理Json和JS中处理Json对象

    事实上,MVC中已经很好的封装了Json,让我们很方便的进行操作,而不像JS中那么复杂了. MVC中: public JsonResult Test() { JsonResult json = new ...

  7. 关于JS中的JSON

    早期,一般是使用XML作为互联网上传输结构化数据的,但由于它解析麻烦,字符冗长,因此被轻量级的JSON所逐渐替代.JSON是JavaScript的一个严格子集,利用了JavaScript中一些模式来表 ...

  8. js中把JSON字符串转换成JSON对象最好的方法

    在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数. 2. 使用Function对象来进行返回解析. 第一种解析方式:使用eval函数来解析,并且使用j ...

  9. Js中把JSON字符串转换为JSON对象(eval()、new Function())

    在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数. 2. 使用Function对象来进行返回解析. 第一种解析方式:使用eval函数来解析,并且使用j ...

  10. js 中读取JSON的方法探讨

    方法一:函数构造定义法返回 var strJSON = "{name:'json name'}";  //得到的JSONvar obj = new Function("r ...

随机推荐

  1. iOS自动处理键盘事件的第三方库:IQKeyboardManager

    我们写界面要考虑很多用户体验问题,键盘事件的响应就是比较麻烦的一种.我们需要监听键盘事件,考虑点击背景收起键盘.考虑键盘遮挡输入框问题等等,而且每个界面都要做这么一套.这个库帮我们解决了这个事情. 这 ...

  2. PhyLab2.0设计分析阶段任务大纲(α)

    任务概述 由于接手软剑攻城队的PhyLab项目,省去了用户需求分析.团队编码规范.用户界面原型设计和后端逻辑设计的大部分环节,因此前期的主要任务落在了用户使用反馈.功能优化增改方向.用户体验优化以及源 ...

  3. BZOJ1798: [Ahoi2009]Seq 维护序列seq

    传送门 写这道题是为了get一个同时传送乘法下标和加法下标的小技巧,线段树模板题.不多说. 标记名字打错无限智力-- //BZOJ 1798 //by Cydiater //2016.9.13 #in ...

  4. JavaScript DES 加密tripledes.js:

    <html> <head> <meta http-equiv="content-type" content="text/html; char ...

  5. photoshop切图介绍

    第一部分:界面设置 1.点击“文件-新建”(或者ctrl+n)打开一个新建对话框.名称可随意填写.“预设”设置为自定,“宽度”一般选择1920,“单位”选为像素.“高度”可选择为2000,“单位”选为 ...

  6. Saltstack异步执行命令(十三)

    Saltstack异步执行命令 salt执行命令有时候会有超时的问题,就是命令下发下去了,部分主机没有返回信息,这时候就很难判断命令或任务是否执行成功.因此,salt提供异步执行的功能,发出命令后立即 ...

  7. arcglobe 图层三大类说明

    若是第一次打开,且在网络连接通畅的情况下,你会发现目录中已有部分数据层,这些数据层是由ArcGIS Online的在线数据:Imagery图层即在线的影像数据.高程数据.地名数据.运输线数据. Arc ...

  8. 基础SQL语句

    SQL语句: 1.插入 方法一: "INSERT INTO [DB].[dbo].[T_Table] ([ID],[Name],[Amount],[Creater],[CreatedOn], ...

  9. Oralce配置正确,报监听错误或无法识别描述中的服务

    出差客户现场,修改过网络配置,回来后本地虚拟机的Oracle数据库就不能登陆了 报监听错误,在服务器中使用Net Configration Assistant删除以前的,重新配置新的,还是不行,重启系 ...

  10. Javascript+Dom(加减乘除计算器)

    计算器介绍:只能进行加减乘除,提示用户输入数字,正则表达式限制用户只能输入数字(在用户输入时限制),如果出现除零操作答案为0: 有两种针对不同运算符的解决方法: 1. 使用eval() 函数 //函数 ...