博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
深入浅出JSON
阅读量:6679 次
发布时间:2019-06-25

本文共 1698 字,大约阅读时间需要 5 分钟。

JSON定义

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解析和生成。它基于ECMA262语言规范(1999-12第三版)中JavaScript 编程语言的一个子集。 JSON采用与编程语言无关的文本格式,但是也使用了类C语言(包括C, C++, C#, Java, JavaScript, Perl, Python等)的习惯,这些特性使JSON成为理想的数据交换格式。

JSON的结构基于下面两点

  • 1. "名称/值"对的集合 不同语言中,它被理解为对象(object),记录(record),结构(struct),字典(dictionary),哈希表(hash table),键列表(keyed list)等
  • 2. 值的有序列表 多数语言中被理解为数组(array)

JSON使用

JSON以一种特定的字符串形式来表示 JavaScript 对象。如果将具有这样一种形式的字符串赋给任意一个 JavaScript 变量,那么该变量会变成一个对象引用,而这个对象就是字符串所构建出来的,好像有点拗口,我们还是用实例来说明。

 这里假设我们需要创建一个User对象,并具有以下属性

  • 用户ID
  • 用户名
  • 用户Email

    您可以使用以下JSON形式来表示User对象:

    {"UserID":11, "Name":"Truly", "Email":"zhuleipro◎hotmail.com"};

    然后如果把这一字符串赋予一个JavaScript变量,那么就可以直接使用对象的任一属性了。

    完整代码:

    实际使用时可能更复杂一点,比如我们为Name定义更详细的结构,使它具有FirstName和LastName:

    {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}

    完整代码:

    现在我们增加一个新的需求,我们某个页面需要一个用户列表,而不仅仅是一个单一的用户信息,那么这里就需要创建一个用户列表数组。

    下面代码演示了使用JSON形式定义这个用户列表:

    [{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"},{"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx◎xxx.com"},{"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"xxx2◎xxx2.com"}]

    完整代码:

    事实上除了使用"."引用属性外,我们还可以使用下面语句:

    alert(UserList[0]["Name"]["FirstName"]); 或者 alert(UserList[0].Name["FirstName"]);

    现在读者应该对JSON的使用有点认识了,归纳为以下几点:

  • 对象是属性、值对的集合。一个对象的开始于“{”,结束于“}”。每一个属性名和值间用“:”提示,属性间用“,”分隔。
  • 数组是有顺序的值的集合。一个数组开始于"[",结束于"]",值之间用","分隔。
  • 值可以是引号里的字符串、数字、true、false、null,也可以是对象或数组。这些结构都能嵌套。
  • 字符串和数字的定义和C或Java基本一致。

    小节

    本文通过一个实例演示,初步了解了JSON 的强大用途。可以归结如下:

  • JSON 提供了一种优秀的面向对象的方法,以便将元数据缓存到客户机上。
  • JSON 帮助分离了验证数据和逻辑。
  • JSON 帮助为 Web 应用程序提供了 Ajax 的本质。

    参考资料:

转载于:https://www.cnblogs.com/felix-/p/4330035.html

你可能感兴趣的文章
android 利用SimpleDateFormat格式化时间不准确的问题
查看>>
金融单词 (整理中)
查看>>
React笔记-事件注册
查看>>
SQL 参数化查询---转
查看>>
css清除浮动float的三种方法总结
查看>>
java中关于AtomicInteger的使用
查看>>
CSS ::before 和 ::after 伪元素用法
查看>>
三栏布局 中栏实现自适应宽度
查看>>
Javascript模块化编程(二):AMD规范 (转)
查看>>
Linux系统入门教程:如何在 Linux 中修改默认的 Java 版本
查看>>
采用完成端口(IOCP)实现高性能网络服务器(Windows c++版)
查看>>
Android开发问题集合
查看>>
Unresolved import *** (models) error on Eclipse
查看>>
拖拽排序 原理+代码
查看>>
每各一秒 打印数组中的 数据
查看>>
JSON中的[]和{}
查看>>
SVM(三),支持向量机,线性不可分和核函数
查看>>
Ionic 常用插件
查看>>
Listener监听器详解(转)
查看>>
多个JavaScript库使用 $ 号的命名冲突问题
查看>>