目录
JSON 语法规则
JSON 名称/值对
JSON 值
JSON 对象
JSON 数组
JSON 使用 JavaScript 语法
例子
JSON 文件
首页 web前端 html教程 【02】json语法_html/css_WEB-ITnose

【02】json语法_html/css_WEB-ITnose

Jun 24, 2016 am 11:32 AM

【02】

JSON 语法是 JavaScript 语法的子集。

JSON 语法规则

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

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

    JSON 数据的书写格式是:名称/值对。

    名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值:

    1. "firstName":"John"

     

    这很容易理解,等价于这条 JavaScript 语句:

    1. firstName ="John"

     

    JSON 值

    JSON 值可以是:

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

    JSON 对象在花括号中书写:

    对象可以包含多个名称/值对:

    1. {"firstName":"John","lastName":"Doe"}

     

    这一点也容易理解,与这条 JavaScript 语句等价:

    1. firstName ="John" lastName ="Doe"

     

    JSON 数组

    JSON 数组在方括号中书写:

    数组可包含多个对象:

    1. {
    2. "employees":[
    3. {"firstName":"John","lastName":"Doe"},
    4. {"firstName":"Anna","lastName":"Smith"},
    5. {"firstName":"Peter","lastName":"Jones"}
    6. ]
    7. }

     

    在上面的例子中,对象 "employees" 是包含三个对象的数组。每个对象代表一条关于某人(有姓和名)的记录。

    JSON 使用 JavaScript 语法

    因为 JSON 使用 JavaScript 语法,所以无需额外的软件就能处理 JavaScript 中的 JSON。
    通过 JavaScript,您可以创建一个对象数组,并像这样进行赋值:

    例子

    1. var employees =[
    2. {"firstName":"Bill","lastName":"Gates"},
    3. {"firstName":"George","lastName":"Bush"},
    4. {"firstName":"Thomas","lastName":"Carter"}
    5. ];

     

    可以像这样访问 JavaScript 对象数组中的第一项:

    1. employees[0].lastName;

     

    返回的内容是:

    1. Gates

     

    可以像这样修改数据:

    1. employees[0].lastName ="Jobs";

     

     

    JSON 文件

  • JSON 文件的文件类型是 ".json"
  • JSON 文本的 MIME 类型是 "application/json"


  •  



    本站声明
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

    热门文章

    仓库:如何复兴队友
    3 周前 By 尊渡假赌尊渡假赌尊渡假赌
    Hello Kitty Island冒险:如何获得巨型种子
    3 周前 By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O.能量晶体解释及其做什么(黄色晶体)
    1 周前 By 尊渡假赌尊渡假赌尊渡假赌

    热门文章

    仓库:如何复兴队友
    3 周前 By 尊渡假赌尊渡假赌尊渡假赌
    Hello Kitty Island冒险:如何获得巨型种子
    3 周前 By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O.能量晶体解释及其做什么(黄色晶体)
    1 周前 By 尊渡假赌尊渡假赌尊渡假赌

    热门文章标签

    记事本++7.3.1

    记事本++7.3.1

    好用且免费的代码编辑器

    SublimeText3汉化版

    SublimeText3汉化版

    中文版,非常好用

    禅工作室 13.0.1

    禅工作室 13.0.1

    功能强大的PHP集成开发环境

    Dreamweaver CS6

    Dreamweaver CS6

    视觉化网页开发工具

    SublimeText3 Mac版

    SublimeText3 Mac版

    神级代码编辑软件(SublimeText3)

    公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验? 公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验? Mar 04, 2025 pm 12:32 PM

    公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?

    如何使用HTML5表单验证属性来验证用户输入? 如何使用HTML5表单验证属性来验证用户输入? Mar 17, 2025 pm 12:27 PM

    如何使用HTML5表单验证属性来验证用户输入?

    如何高效地在网页中为PNG图片添加描边效果? 如何高效地在网页中为PNG图片添加描边效果? Mar 04, 2025 pm 02:39 PM

    如何高效地在网页中为PNG图片添加描边效果?

    < iframe>的目的是什么。 标签?使用时的安全考虑是什么? < iframe>的目的是什么。 标签?使用时的安全考虑是什么? Mar 20, 2025 pm 06:05 PM

    < iframe>的目的是什么。 标签?使用时的安全考虑是什么?

    使用IFRAME的安全性含义是什么?如何减轻它们? 使用IFRAME的安全性含义是什么?如何减轻它们? Mar 18, 2025 pm 02:51 PM

    使用IFRAME的安全性含义是什么?如何减轻它们?

    我如何使用html5< meter> 要在范围内显示数值数据的元素? 我如何使用html5< meter> 要在范围内显示数值数据的元素? Mar 12, 2025 pm 04:08 PM

    我如何使用html5< meter> 要在范围内显示数值数据的元素?

    HTML5中跨浏览器兼容性的最佳实践是什么? HTML5中跨浏览器兼容性的最佳实践是什么? Mar 17, 2025 pm 12:20 PM

    HTML5中跨浏览器兼容性的最佳实践是什么?

    如何有效地使用HTML链接进行导航和SEO? 如何有效地使用HTML链接进行导航和SEO? Mar 18, 2025 pm 02:39 PM

    如何有效地使用HTML链接进行导航和SEO?

    See all articles