JavaScript JSON

最新推荐文章于 2024-05-17 09:33:18 发布

三季人 G

最新推荐文章于 2024-05-17 09:33:18 发布

阅读量708

点赞数 1

分类专栏：网络 JS 文章标签： json javascript 前端

本文链接：https://blog.csdn.net/QYgujingjing/article/details/128821434

版权

网络同时被 2 个专栏收录

86 篇文章 0 订阅

订阅专栏

84 篇文章 0 订阅

订阅专栏

JavaScript JSON

什么是 JSON?

JSON英文全称 JavaScript Object Notation(JavaScript 对象表示法)，是一种轻量级的用于存储和交换文本信息的语法，被设计用于可读的数据交换，类似 XML，但比 XML 更小、更快，JSON具有自我描述性，更易理解

JSON 简介

JSON是从 JavaScript 脚本语言中演变而来，使用Javascript语法来描述数据对象，文件名扩展是 .json，但是JSON格式仅仅是一个文本，仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON

JSON 使用范围

JSON 格式可以用于通过网络连接序列化和传输结构化数据，用于编写基于 JavaScript 应用程序，包括浏览器扩展和网站。JSON 主要用于在服务器和 Web 应用程序之间传输数据，Web 服务和 APIs 可以使用 JSON 格式提供公用数据，还可以用于现代编程语言中

JSON 实例

以下 JSON 语法定义了 sites 对象: 3 条网站信息（对象）的数组:

{"sites":[
    {"name":"Runoob", "url":"www.runoob.com"}, 
    {"name":"Google", "url":"www.google.com"},
    {"name":"Taobao", "url":"www.taobao.com"}
]}

JSON 语法规则

数据为键/值对。
数据由逗号分隔。
大括号保存对象
方括号保存数组

JavaScript Object Notation

JSON 是一种语法，用来序列化对象、数组、数值、字符串、布尔值和 null 。它基于 JavaScript 语法，但与之不同：JavaScript 不是 JSON，JSON 也不是 JavaScript。参考 JSON：并不是 JavaScript 的子集。

JavaScript 类型	JSON 的不同点
对象和数组	属性名称必须是双引号括起来的字符串；最后一个属性后不能有逗号。
数值	禁止出现前导零（JSON.stringify 方法自动忽略前导零，而在 JSON.parse 方法中将会抛出 SyntaxError）；如果有小数点，则后面至少跟着一位数字。
字符串	只有有限的一些字符可能会被转义；禁止某些控制字符；Unicode 行分隔符（U+2028）和段分隔符（U+2029）被允许 ; 字符串必须用双引号括起来。请参考下面的示例，可以看到 JSON.parse() 能够正常解析，但将其当作 JavaScript 解析时会抛出 SyntaxError 错误：

完整的 JSON 语法定义如下：

JSON = null
    or true or false
    or JSONNumber
    or JSONString
    or JSONObject
    or JSONArray

JSONNumber = - PositiveNumber
          or PositiveNumber
PositiveNumber = DecimalNumber
              or DecimalNumber . Digits
              or DecimalNumber . Digits ExponentPart
              or DecimalNumber ExponentPart
DecimalNumber = 0
             or OneToNine Digits
ExponentPart = e Exponent
            or E Exponent
Exponent = Digits
        or + Digits
        or - Digits
Digits = Digit
      or Digits Digit
Digit = 0 through 9
OneToNine = 1 through 9

JSONString = ""
          or " StringCharacters "
StringCharacters = StringCharacter
                or StringCharacters StringCharacter
StringCharacter = any character
                  except " or \ or U+0000 through U+001F
               or EscapeSequence
EscapeSequence = \" or \/ or \\ or \b or \f or \n or \r or \t
              or \u HexDigit HexDigit HexDigit HexDigit
HexDigit = 0 through 9
        or A through F
        or a through f

JSONObject = { }
          or { Members }
Members = JSONString : JSON
       or Members , JSONString : JSON

JSONArray = [ ]
         or [ ArrayElements ]
ArrayElements = JSON
             or ArrayElements , JSON

在JSONNumber（数字内部不允许包含空格）或JSONString（字符串内部的空格被解释为相应的字符，否则就有问题了）之外的任何位置可以有多余的空白字符。JSON 只支持这些空白字符：制表符（U+0009），回车（U+000D），换行（U+000A）以及空格（U+0020）。

方法

JSON.parse()
解析 JSON 字符串并返回对应的值，可以额外传入一个转换函数，用来将生成的值和其属性，在返回之前进行某些修改。
JSON.stringify()
返回与指定值对应的 JSON 字符串，可以通过额外的参数，控制仅包含某些属性，或者以自定义方法来替换某些 key 对应的属性值。

把 JSON 文本转换为 JavaScript 对象

JSON 最常见的用法之一，是从 web 服务器上读取 JSON 数据（作为文件或作为 HttpRequest），将 JSON 数据转换为 JavaScript 对象，然后在网页中使用该数据。

简单起见，我们直接设置 JSON 字符串:

首先，创建 JavaScript 字符串，字符传为 JSON 格式的数据：

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象

eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中，这样才能避免语法错误：

 var obj = eval ("(" + txt + ")");

在网页中使用 JavaScript 对象：

<p>
    First Name: <span id="fname"></span><br /> 
    Last Name: <span id="lname"></span><br /> 
</p> 
<script>
    document.getElementById("fname").innerHTML = obj.employees[1].firstName 
    document.getElementById("lname").innerHTML = obj.employees[1].lastName 
</script>

JSON 解析器

eval() 函数可编译并执行任何 JavaScript 代码，这隐藏了一个潜在的安全问题。使用 JSON 解析器将 JSON 转换为 JavaScript 对象是更安全的做法。JSON 解析器只能识别 JSON 文本，而不会编译脚本。在浏览器中，提供了原生的 JSON 支持，而且 JSON 解析器的速度更快。较新的浏览器和最新的 ECMAScript (JavaScript) 标准中均包含了原生的对 JSON 的支持