13json

1.     JSON

1.1.   JSON介绍

1.1.1. 什么是JSON

JSON(JavaScript Object Notation) 是一种JS提供的轻量级的数据交换格式

JSON是用字符串来表示Javascript对象,例如可以在Servlet中发送一个JSON格式的字符串给客户端JavaScript,JavaScript可以执行这个字符串,得到一个Javascript对象。

 

1.1.2. JSON与XML比较

  • 可读性:XML比JSON具有更好的可读性;
  • 解析难度:JSON本身就是JS对象,所以解析、操作非常简单;
  • 流行度:XML已经流行好多年,但在某些领域,特别是在ajax中,JSON更受欢迎。

 

1.1.3. JSON对象语法

JSON 语法:

  • 数据在名称/值对中
  • 数据由逗号分隔
  • 花括号保存对象
  • 方括号保存数组

 

var person = {"name":"zhangSan","age":"18","sex":"male"};

alert(person.name + "," + person.age + "," + person.sex);

  注意,key也要在双引号中!

 

JSON值:

  • 数字(整数或浮点数)
  • 字符串(在双引号中)
  • 逻辑值(true 或 false)
  • 数组(在方括号中)
  • 对象(在花括号中)
  • null

var person = {"name":"zhangSan","sex":"male","hobby":["cf","sj","ddm"]};

alert(person.name + "," + person.sex + "," + person.hobby);

 

带有方法的JSON对象:

var person = {"name":"zhangSan", "getName":function(){return this.name;}};

alert(person.name);

alert(person.getName());

 

1.1.4. JSON格式

JSON具有以下这些形式:

形式一:

对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间使用“,”(逗号)分隔。

 

示例:

var person = {

    "name":"张三",

    "age": 18,

    "gender": "男"

}

形式二:

数组是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间使用“,”(逗号)分隔。

{“key1”:value1,’key2’:value2,key3:value3}串

 

示例:

var person = {

    "name":"张三",

    "friends":["小明","小红","小刘"]

}  

形式三:

值(value)可以是双引号括起来的字符串(string)、数值(number)、true、false、 null、对象(object)或者数组(array)。这些结构可以嵌套。

[“value1”,”value2”,”value3”]

 

示例:

var person = {

    "name":"张三",

    "friends":[

       {

           "name":"小明",

           "age": 17,

           "friends":["小李","小兰"]

       },

       {

           "name":"小刘",

           "age": 19,

           "friends":["小陈","小红"]

       }

    ]

}  

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代码高亮,因为SyntaxHighlighter的应用非常广泛,所以将kindeditor默认的prettify替换为SyntaxHighlighter代码高亮插件 上一篇“让kindeditor显示高亮代码”中已经
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小
JS怎么获取当前时间戳
JS如何判断对象是否为数组
JS怎么获取图片当前宽高
JS对象如何转为json格式字符串
JS怎么获取图片原始宽高
怎么在click事件中调用多个js函数
js如何往数组中添加新元素
js如何拆分字符串
JS怎么对数组内元素进行求和
JS如何判断屏幕大小
js怎么解析json数据
js如何实时获取浏览器窗口大小
原生JS实现别踩白块小游戏(五)
原生JS实现别踩白块小游戏(一)