zoukankan      html  css  js  c++  java
  • JSON语法

    首先说明,Json语法是JavaScript语法的子集

    JSON语法规则

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

    JSON 名称/值对
    JSON 数据的书写格式是:名称/值对。
    名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值:

    "firstName" : "John"

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

    firstName = "John"


    JSON 值
    JSON 值可以是:

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

    JSON 对象
    JSON 对象在花括号中书写:
    对象可以包含多个名称/值对:

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

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

    firstName = "John"
    lastName = "Doe"


    JSON 数组
    JSON 数组在方括号中书写:
    数组可包含多个对象:

    {
    "employees": [
    { "firstName":"John" , "lastName":"Doe" },
    { "firstName":"Anna" , "lastName":"Smith" },
    { "firstName":"Peter" , "lastName":"Jones" }
    ]
    }

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

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

    var employees = [
    { "firstName":"Bill" , "lastName":"Gates" },
    { "firstName":"George" , "lastName":"Bush" },
    { "firstName":"Thomas" , "lastName": "Carter" }
    ];

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

    employees[0].lastName;

    返回的内容是:

    Gates

    可以像这样修改数据:

    employees[0].lastName = "Jobs";

    实例:

    <html>
    <body>
    <h2>通过 JSON 字符串来创建对象</h3>
    <p>First Name: <span id="fname"></span></p>
    
    <script type="text/javascript">
    var employees = [
    { "firstName":"Bill" , "lastName":"Gates" },
    { "firstName":"George" , "lastName":"Bush" },
    { "firstName":"Thomas" , "lastName": "Carter" }
    ];
    employees[1].firstName="Jobs";
    document.getElementById("fname").innerHTML=employees[1].firstName;
    </script>
    
    </body>
    </html>

    结果:

    JSON 文件

    • JSON 文件的文件类型是 ".json"
    • JSON 文本的 MIME 类型是 "application/json"
  • 相关阅读:
    HTML中CSS入门基础
    HTML基本代码教学,第三天
    HTML基本代码教学,第二天
    HTML基本代码教学片,认识HTML
    开学第一天,规章制度,教学大纲
    新的学期,从头开始
    开启新模式WinForm
    封装、继承、多态的基本详细使用方式与方法以及含义
    Python开发基础-Day4-布尔运算、集合
    Python开发基础-Day3-列表、元组和字典
  • 原文地址:https://www.cnblogs.com/ericz2j/p/12697920.html
Copyright © 2011-2022 走看看