首页 > Web开发 > 详细

JSON的入门与使用

时间:2021-03-14 00:04:04      阅读:27      评论:0      收藏:0      [点我收藏+]

什么是JSON?

JSON:JavaScript Object Notation 【JavaScript 对象表示法】

JSON是存储和交换文本信息的语法,类似xml。

Json之前,大家都用 XML 传递数据。XML 是一种纯文本格式,所以适合在网络上交换数据,但是 XML 格式比较复杂,终于道格拉斯·克罗克福特(Douglas Crockford)发明了JSON 这种超轻量级的数据交换格式。

为什么需要JSON

JSON比XML更小,更快,更易解析。

  • javaScript原生支持JSON,解析速度会很快
  • XML解析成DOM对象的时候,浏览器【IE和fireFox】会有差异
  • 使用JSON会更简单

相比XML的不同之处

  • 没有结束标签
  • 更短
  • 读写的速度更快
  • 能够使用内建的JavaScript eval()方法进行解析
  • 使用数组
  • 不使用保留字

JSON如何使用

数据格式

JSON实际上是Javascript的一个子集,所以JSON的数据格式和JavaScript是对应的。

- number => JS number 
- boolean => JS boolean
- string => JS string //
- null => JS null 
- array => JS Array 的表达方式 []
- object => JS {} 表达式

注意事项

  • JSON规定的字符集是UTF-8,字符串必须使用双引号"",Object的键也必须使用""
  • 数组或对象的最后一个成员,不能加逗号

JSON语法规则

JSON 语法是 JavaScript 对象表示法语法的子集。

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

JSON的两种结构

JSON的结构共有两种:

  • 对象结构
  • 数组结构

JSON数组

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

var people =
  { "programmers": [
    { "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对象

例:

var obj = {
            age: 20,
            str: "zhongfucheng",
            method: function () {
                alert("我爱学习");
            }
        };

解析JSON

JavaScript原生支持JSON,可以使用eval()方法来解析JSON,把JSON文本数据转换成Javascript对象。

function test() {
            //在写JSON的时候,记得带上逗号
            var txt = "{a:123," +
                    "b:‘zhongfucheng‘}";

            //使用eval解析JSON字符串,需要增添()
            var aa = eval("(" + txt + ")");
            alert(aa);

        }

效果

技术分享图片

JSON的入门与使用

原文:https://www.cnblogs.com/jieshou/p/14529380.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!