JSON 语法规则

  1. JSON 语法是 javascript 对象表示语法的子集。
  2. 数据在名称/值对中
  3. 数据由逗号分隔
  4. 花括号保存对象
  5. 方括号保存数组

JSON 名称/值对

  1. JSON 数据的书写格式是:名称/值对。
  2. 名称/值对组合中的名称写在前面(在双引号中),值对写在后面(同样在双引号中),中间用冒号隔开:
  3. "firstName":"John"

JSON 值

  1. JSON 值可以是:
  2. 数字(整数或浮点数)
  3. 字符串(在双引号中)
  4. 逻辑值(true 或 false)
  5. 数组(在方括号中)
  6. 对象(在花括号中)
  7. null

JSON正常就是由对象和数组组成,对象使用对象的方法来进行操作。数组使用数组的方法来进行操作。

数组

  1. var ourcountry=[["北京市"],["上海市"],["合肥市","芜湖市","蚌埠市"]]; // 数组
  2. alert(ourcountry[2][1]);

JSON对象

  1. var status_process = {
  2. " name5" : '闲置期',
  3. "name1" : '播种期',
  4. "name2" : '苗期',
  5. "name3" : '生长期',
  6. "name4" : '采收期'
  7. }
  8. alert(status_process["name5"]);
  9. alert(status_process.name5);
  10. // 两个都为:闲置期

JSON字符串

所谓json字符串,是指该字符串变量的值与json的格式相同,但是不是json对象,比如:

  1. var s1="{";
  2. var s2 = " 'name5' : '闲置期', 'name1' : '播种期','name2' : '苗期','name3' : '生长期','name4' : '采收期'";
  3. var s3="}";
  4. var status_process=s1+s2+s3;

JSON数组遍历

  1. packJson = [
  2.  
  3. {"name":"zhang", "password":"123"},
  4.  
  5. {"name":"li", "password":"456"}
  6.  
  7. ];
  8.  
  9. for(var p in packJson){//遍历json数组时,这么写p为索引,0,1
  10.  
  11. alert(packJson[p].name + " " + packJson[p].password);
  12.  
  13. }
  14.  
  15. // 或者
  16. for(var i = 0; i < packJson.length; i++){
  17.  
  18. alert(packJson[i].name + " " + packJson[i].password);
  19. }

JSON数组的操作

1.定义

var josnArry=[];

2.添加

jsonArry.push(jsonObj);

3.删除

  1. delete jsonArry[0];
  2. splice(index,length):

4.循环访问数组

a.jquery

  1. $.each(jsonArry,function(index,item){
  2. var userId=item.userId;
  3. });

b.一般方式

  1. for(var i=0;i<jsonArry.length;i++)
  2. {
  3. var userId=jsonArry[i].userId;
  4. }

c.特殊方法

  1. for(var item in jsonArry)
  2. {
  3. var userId=jsonArry[item].userId;//注意:此处的item不是数组项,而是数组项的索引
  4. }

JSON对象遍历

  1. myJson = {"name":"ji", "password":"123"};
  2.  
  3. for(var p in myJson){//遍历json对象的每个key/value对,p为key
  4.  
  5. alert(p + " " + myJson[p]);
  6.  
  7. }

字符串和json对象和json对象数组相互转换

  1. var jsonStr = "{\"userId\":\"001\"}"; // json对象字符串
  2. var jsonArryStr = "[{\"userId\":\"001\"},{\"userId\":\"002\"}]"; // json数组字符串
  3. var jsonObj = JSON.parse(jsonStr); // 字符串转为json对象
  4. var jsonArry = JSON.parse(jsonArryStr); // 字符串转为json数组
  5. var jsonStr = JSON.stringify(jsonObj); // json对象转为字符串
  6. var jsonArryStr=JSON.stringify(jsonArry);// json数组转为字符串
  7. alert(jsonStr);
  8. alert(jsonArryStr);
  9. alert(jsonObj.userId);
  10. alert(jsonArry[0]['userId']);

提示:

只有数组或者json数组才可以使用length方法。json对象使用length方法无效。

如果json对象的子元素是数组或者json数组,也可以使用length方法。可以用于遍历数据。

JSON语法、对象、遍历数组的区别和基本操作的更多相关文章

  1. JSON数组,JSON对象,数组的区别与基本操作整理

    JSON 语法规则 JSON 语法是 javascript 对象表示语法的子集. 数据在名称/值对中 数据由逗号分隔 花括号保存对象 方括号保存数组 JSON 名称/值对 JSON 数据的书写格式是: ...

  2. js Json与对象、数组转化

    对象.数组转json json = JSON.stringify(obj) json 转对象.数组 arr = JSON.parse(json)

  3. 浅析PHP中for与foreach两个循环结构遍历数组的区别

    遍历一个数组是编程中最常见不过的了,这里跟大家讨论下for和foreach两种方法.用这两种方法执行遍历的场景太多太多了,这里我们只针对以下两个数组作为例子来讨论.所谓管中窥豹,多少能理清一点两者的区 ...

  4. 深度理解PHP中for与foreach两个循环结构遍历数组的区别

    遍历一个数组是编程中最常见不过的了,这里讨论下for和foreach两种方法: 首先,我们先准备两个用于遍历的数组: $arr1=array(1=>'a', 3=>22, 5=>'b ...

  5. 用递归将嵌套的JSON对象遍历出来,转为二维数组

    如题所示,代码如下: var arJsonNesting = [{id:1,name:"zhang3" ,children:[{id:2,name:"zhang33&qu ...

  6. 遍历数组,对象和JSON

    遍历数组 var arr2 = [3,4,5,6,7,8]; //第一种方法 for(var i =0;i<arr.length;i++){ console.log(arr2[i]); } // ...

  7. js遍历数组和遍历对象的区别

    <script> //----------------for用来遍历数组对象-- var i,myArr = [1,2,3]; for (var i = 0; i < myArr.l ...

  8. vue遍历数组和对象的方法以及他们之间的区别

    前言:vue不能直接通过下标的形式来添加数据,vue也不能直接向对象中插值,因为那样即使能插入值,页面也不会重新渲染数据 一,vue遍历数组   1,使用vue数组变异方法 pop() 删除数组最后一 ...

  9. jQuery遍历对象、数组、集合实例

    1.jquery 遍历对象 复制代码代码如下:   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ...

随机推荐

  1. 在 ubuntu 中安装 python3.5、 tornado、 pymysql

    一.在 ubuntu 中安装 python3.5 1.首先,在系统中是自带python2.7的.不要卸载,因为一些系统的东西是需要这个的.python2.7和python3.5是可以共存的. 命令如下 ...

  2. CentOS安装GIt、上传项目到git仓库

    上传项目 登录服务器后安装git yum install git 新建文件夹(仓库) mkdir *.git 初始化仓库 git init --bare *.git 在本地初始化仓库 git init ...

  3. IntelliJ IDEA default settings 全局默认设置

    可以通过以下两个位置设置IDEA的全局默认设置: 以后诸如默认的maven配置就不需要每次都重复配置了?

  4. Docker镜像的使用

    当运行容器时,使用的镜像如果在本地中不存在,docker 就会自动从 docker 镜像仓库中下载,默认是从 Docker Hub 公共镜像源下载. 下面我们来学习: 1.管理和使用本地 Docker ...

  5. [洛谷P1273] 有线电视网

    类型:树形背包 传送门:>Here< 题意:给出一棵树,根节点在转播足球赛,每个叶子节点是一个观众在收看.每个叶子结点到根节点的路径权值之和是该点转播的费用,每个叶子节点的观众都会付val ...

  6. centos6.8下普通用户下quartus编程识别不到用户开发板

    前言 centos6.8下su用户下可以识别到用户的板子,能正常下板,而普通用户下无法探测到用户板子. 需要配置一下usb-blaster,不然的话,虽然quartus软件能识别,但是无法探测到FPG ...

  7. 【CF809E】Surprise me! 树形DP 虚树 数学

    题目大意 给你一棵\(n\)个点的树,每个点有权值\(a_i\),\(a\)为一个排列,求 \[ \frac{1}{n(n-1)}\sum_{i=1}^n\sum_{j=1}^n \varphi(a_ ...

  8. 微信小程序原生开发简介

    简介: 总结: 1. 逻辑层使用js引擎,视图层使用webview渲染 2. 微信小程序已经支持了绝大部分的 ES6 API 3. 可以自动补全css的兼容语法 文档:https://develope ...

  9. Markdown文本的学习

    大标题 小标题 小小标题 小小小标题 萌啊萌啊萌 斜体 萌啊萌啊萌 粗体 萌啊萌啊萌 又粗又斜 萌啊萌啊萌 我是分割线 p.s. 标准Markdown换行要打两个空格 短代码 #include < ...

  10. 05 Zabbix4.0触发器表达式Trigger expression支持的函数

    点击返回:自学Zabbix之路 点击返回:自学Zabbix4.0之路 点击返回:自学zabbix集锦 05 Zabbix4.0触发器表达式Trigger expression支持的函数 所有函数返回值 ...