JSON 基础知识总结

JSON是什么

JSON,说白了就是JavaScript用来处理数据的一种格式,这种格式非常简单易用。JSON大部分都是用来处理JavaScript和web服务器端之间的数据交换,把后台web服务器的数据传递到前台,然后使用JavaScript进行处理,例如ajax等

JSON支持的语言非常多,包括JavaScript、C#、PHP、Java等等,这是由于JSON独立于语言的轻量级的数据交换格式,这个特点有点类似于SQL语言

JSON的结构

JSON结构共有2种:无序的对象结构、有序的数组结构;

无序的对象结构

对象结构是使用大括号“{}”括起来的,大括号内是由0个或多个用英文逗号分隔的“关键字:值”对(key:value)构成的

var jsonObj = {
    "键名1":值1,
    "键名2":值2,
    ……
    "键名n":值n
}

这里的键名是字符串,但是值可以是数值、字符串、对象、数组或逻辑true和false

有序的数组结构

JSON数组结构是用中括号“[]”括起来,中括号内部由0个或多个以英文逗号“,”分隔的值列表组成

var arr =
[
    {
        "键名1":值1,
        "键名2":值2
    },
    {
        "键名3":值3,
        "键名4":值4
    },
    ……
]

在JSON数组中,每一对“{}”相当于一个JSON对象

JSON 数据格式

JSON是JavaScript Object Notation的简称,是一种轻量的数据表示方法。json格式采用key:value的方式记录数据,非常直观,比XML简洁,因而大受欢迎

添加 JSON

简单地说,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户端传递给服务器端程序。这个字符串看起来有点儿古怪,但是 JavaScript 很容易解释它,而且 JSON 可以表示比名称/值对更复杂的结构。例如,可以表示数组和复杂的对象,而不仅仅是键和值的简单列表

值的数组

当需要表示一组值时,JSON 不但能够提高可读性,而且可以减少复杂性

{ "people": [
  { "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" },
  { "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" },
  { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" }
]}

掌握了JSON格式后,在JavaScript中将JSON数据赋值给变量就很简单了。JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的 API 或工具包

例如,可以创建一个新的JavaScript变量,然后将 JSON 格式的数据字符串直接赋值给它

var people = { "people": [
   { "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" },
   { "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" },
   { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" }
 ],
 "authors": [
    { "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" },
    { "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },
    { "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" }
   ]
}

访问数据

实际上,只需用点号表示法来表示数组元素。所以,要想访问 people 列表的第一个条目的姓氏,只需在 JavaScript 中使用下面这样的代码:

people.people[0].lastName;

利用这样的语法,可以处理任何 JSON 格式的数据

转换回字符串

String newJSONtext = people.toJSONString();

可以将任何 JavaScript 对象转换为 JSON 文本

JSON 数据类型

JSON 格式支持以下数据类型:

类型 描述
数字型(Number) JavaScript 中的双精度浮点型格式
字符串型(String) 双引号包裹的 Unicode 字符和反斜杠转义字符
布尔型(Boolean) true 或 false
数组(Array) 有序的值序列
值(Value) 可以是字符串,数字,true 或 false,null 等等
对象(Object) 无序的键:值对集合
空格(Whitespace) 可用于任意符号对之间
null

数字型

JavaScript 中的双精度浮点型格式,取决于实现。不能使用八进制和十六进制格式,在数字中不能使用 NaN 和 Infinity

下表展示了数字类型:

类型 描述
整形(Integer) 数字1-9,0和正负数
分数(Fraction) 分数,比如 .3,.9
指数(Exponent) 指数,比如 e,e+,e-,E,E+,E-

字符串型

零个或多个双引号包裹的 Unicode 字符以及反斜杠转义序列

字符就是只有一个字符的字符串,长度为 1

下表展示了字符串类型:

类型 描述
" 双引号
\ 反斜线
/ 斜线
b 退格符
f 换页符
n 换行符
r 回车符
t 水平制表符
u 四位十六进制数字

布尔型

包含 true 和 false 两个值

数组

它是一个有序的值集合,使用方括号闭合,这意味着数组以 [ 开始,以 ] 结尾,值使用 ,(逗号)分割,数组索引可以以 0 或 1 开始,当键名是连续的整数时应该使用数组

定义一维数组

var s1=new Array();
s1=[1,2,3,4]或者s1[0]=1,s1[1]=2,s1[3]=3,s1[4]=4;
alert(s1[0]);//结果为1;

定义二维数组

var s1=new Array();
var s1=[[3,1],[2,3,4],3,[4,5,6,7,8]];
alert(s1[1][0]);结果为2;

对象

它是一个无序的名/值对集合,对象使用大括号闭合,以 '{' 开始,以 '}' 结尾,每个名称后面都跟随一个 ':'(冒号),名/值对使用,(逗号)分割,键名必须是字符串并且不能同名,当键名是任意字符串时应该使用对象

创建简单的对象

JSON对象可以使用JavaScript创建。我们来看看使用 JavaScript 创建 JSON 对象的各种方式:

1.创建一个空对象:

var JSONObj = {};

2.创建一个新对象:

var JSONObj = new Object();

3.创建一个 bookname 属性值为字符串,price属性值为数字的对象。可以通过使用 '.' 运算符访问属性

var JSONObj = { "bookname ":"VB BLACK BOOK", "price":500 };

定义对象

var status_process = {
    "name5" : '闲置期',
    "name1" : '播种期',
    "name2" : '苗期',
    "name3" : '生长期',
    "name4" : '采收期'
   }
  alert(status_process);//结果为:Object:Object;

定义数组对象

var books = {
    "Pascal" : [
        { "Name"  : "Pascal Made Simple", "price" : 700 },
        { "Name"  : "Guide to Pascal", "price" : 400 }
    ],
    "Scala"  : [
        { "Name"  : "Scala for the Impatient", "price" : 1000 },
        { "Name"  : "Scala in Depth", "price" : 1300 }
    ]
}
var i = 0
document.writeln("<table border='2'><tr>");
for(i=0;i<books.Pascal.length;i++)
{
    document.writeln("<td>");
    document.writeln("<table border='1' width=100 >");
    document.writeln("<tr><td><b>Name</b></td><td width=50>" + books.Pascal[i].Name+"</td></tr>");
    document.writeln("<tr><td><b>Price</b></td><td width=50>" + books.Pascal[i].price +"</td></tr>");
    document.writeln("</table>");
    document.writeln("</td>");
}
document.writeln("</tr></table>");

json二维对象

var status_process = {
 name5 : {name3:'空闲闲置期'},
 name1 : '播种期',
 name2 : '苗期',
 name3 : '生长期',
 name4 : '采收期'
};
alert(status_process["name5"]["name3"]);
alert(status_process.name5.name3);//结果都为:'空闲闲置期'

json对象的使用

var status_process = {
    name5 : '闲置期',
    name1 : '播种期',
    name2 : '苗期',
    name3 : '生长期',
    name4 : '采收期'
};
alert(status_process["name5"]);
alert(status_process.name5);//两个都为:闲置期

json字符串

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

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

虽然status_process的值符合json对象的格式,但是它不是对象,只是一个字符串(是拼凑出来的),将字符串转换为json对象使用函数eval,eval("(" + status_process+ ")")。

空格

可以在任意一对符号之间插入。可以添加用来让代码更可读

null

意味着空类型

var i = null;
if(i==1) {
    document.write("<h1>value is 1</h1>");
} else {
    document.write("<h1>value is null</h1>");
}

JSON 值

包括:数字(整型和浮点型)、字符串、布尔值、数组、对象、null

var i =1;
var j = "sachin";
var k = null;
时间: 2024-10-22 01:50:06

JSON 基础知识总结的相关文章

json的使用小结_基础知识

JSON的用途 使用基于JavaScript的应用程序,其中包括浏览器扩展和网站 使用JSON格式序列化和结构化的数据传输网络连接 这主要用于服务器和Web应用程序之间的数据传输 Web服务和API采用JSON格式提供公共数据 它可以用来与现代编程语言 JSON的特点 易于读写JSON 轻量级的基于文本的交换格式 独立语言 JSON格式示例: •名称/值对数据表示 •大括号持有的对象和每个名称后跟":"(冒号),名称/值对的分离,(逗号) •方括号持有数组和值,(逗号)分隔. { &q

大数据基础知识问答----spark篇,大数据生态圈

Spark相关知识点 1.Spark基础知识 1.Spark是什么? UCBerkeley AMPlab所开源的类HadoopMapReduce的通用的并行计算框架 dfsSpark基于mapreduce算法实现的分布式计算,拥有HadoopMapReduce所具有的优点:但不同于MapReduce的是Job中间输出和结果可以保存在内存中,从而不再需要读写HDFS,因此Spark能更好地适用于数据挖掘与机器学习等需要迭代的map reduce的算法. 2.Spark与Hadoop的对比(Spar

【Python数据挖掘课程】六.Numpy、Pandas和Matplotlib包基础知识

        前面几篇文章采用的案例的方法进行介绍的,这篇文章主要介绍Python常用的扩展包,同时结合数据挖掘相关知识介绍该包具体的用法,主要介绍Numpy.Pandas和Matplotlib三个包.目录:        一.Python常用扩展包         二.Numpy科学计算包         三.Pandas数据分析包         四.Matplotlib绘图包         前文推荐:        [Python数据挖掘课程]一.安装Python及爬虫入门介绍    

Javascript中的数据类型之旅_基础知识

虽然Javascript是弱类型语言,但是,它也有自己的几种数据类型,分别是:Number.String.Boolean.Object.Udefined.Null.其中,Object属于复杂数据类型,Object   由无序的键值对组成.其余几种都属于简单数据类型.注意:变量类型首字母大写,而变量值首字母是小写的. JavaScript不支持自定义类型,所以JavaScript中的所有值都属于这六种类型之一. 根据ECMAScript 5.1的规范,javascript中共有六种数据类型,分别为

《深入理解Spark:核心思想与源码分析》——2.2节Spark基础知识

2.2 Spark基础知识 1.版本变迁 经过4年多的发展,Spark目前的版本是1.4.1.我们简单看看它的版本发展过程. 1)Spark诞生于UCBerkeley的AMP实验室(2009). 2)Spark正式对外开源(2010年). 3)Spark 0.6.0版本发布(2012-10-15),进行了大范围的性能改进,增加了一些新特性,并对Standalone部署模式进行了简化. 4)Spark 0.6.2版本发布(2013-02-07),解决了一些bug,并增强了系统的可用性. 5)Spa

《Ext JS权威指南》——1.1节学习Ext JS必需的基础知识

1.1 学习Ext JS必需的基础知识 1. JavaScript 嗯,这个还用说吗?Ext JS本来就是一个JavaScript的框架,而且使用Ext JS就需要使用JavaScript语法来开发,需要JavaScript的知识是必然的了.问题的关键是,开发人员对JavaScript知识的掌握也有深浅之分.譬如,我碰到一些开发人员,对JavaScript算是很熟悉了,但是不会JSON,不会直接使用JSON对象,在使用Ext JS的过程中,需要使用JSON对象的时候,居然是通过组装字符串的方式,

javascript cookie基础应用之记录用户名的方法_基础知识

本文实例讲述了javascript cookie基础应用之记录用户名的方法.分享给大家供大家参考,具体如下: 前面有一篇关于cookie基础的文章,封装了 cookie.js,下面我们通过一个实例来应用这个 js. 最常见的就是记住用户名,当用户登录过一次后,通过 cookie 记录下该用户的账号和密码,这样下次打开页面的时候不用再次输入账号密码了.附上代码: <!DOCTYPE HTML> <html lang="en-US"> <head> &l

深入理解Spark:核心思想与源码分析. 2.2 Spark基础知识

2.2 Spark基础知识 1.版本变迁 经过4年多的发展,Spark目前的版本是1.4.1.我们简单看看它的版本发展过程. 1)Spark诞生于UCBerkeley的AMP实验室(2009). 2)Spark正式对外开源(2010年). 3)Spark 0.6.0版本发布(2012-10-15),进行了大范围的性能改进,增加了一些新特性,并对Standalone部署模式进行了简化. 4)Spark 0.6.2版本发布(2013-02-07),解决了一些bug,并增强了系统的可用性. 5)Spa

写给想学习Javascript的朋友一点学习经验小结_基础知识

当然只是个人的经验,有什么不对的也请高手见谅和指正. 关于到培训学校学习的忠告:别说现在没有这样的学校,就是有专门的学校也不要去,因为不会有好的老师的.不要浪费你自己(很可能是你父母)的钱和时间.趁早死了这个念头. 关于培训学校的这个我想我要比一般的朋友更有发言权,因为我本人干英语培训将近2年,我很清楚培训市场的情况,你很难碰到一个好的老师.英语可能还好些,毕竟英语说得好的老师还比较多,长期跟老外泡在一起,确实对口语能力的提高很显著,但是代价是很昂贵的.而你现在要学的是Javascript,呵呵