JSON基础知识

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人类阅读和编写,也易于机器解析和生成。JSON 常用于客户端和服务器之间的数据传输。以下是 JSON 的基础知识:

JSON 的结构

JSON 的数据结构主要包括两种类型:

  1. 对象(Object)

    • 由键值对组成,键(key)是字符串,值(value)可以是任何 JSON 数据类型。
    • 对象用花括号 {} 包裹。
    • 键值对之间用逗号分隔,键和值用冒号 : 分隔。

    示例:

    javascript 复制代码
    {
      "name": "Alice",
      "age": 25,
      "isStudent": true,
      "courses": ["Math", "Science"],
      "address": {
        "street": "123 Main St",
        "city": "Wonderland"
      }
    }
  2. 数组(Array)

    • 由多个值组成,值可以是任何 JSON 数据类型。
    • 数组用方括号 [] 包裹,值之间用逗号分隔。

    示例:

    javascript 复制代码
    [
      "Apple",
      "Banana",
      "Cherry"
    ]

JSON 数据类型

JSON 支持以下数据类型:

  • 字符串(String) :用双引号 " 包裹,可以包含 Unicode 字符和转义字符。

    "Hello, World!"

  • 数字(Number):可以是整数或浮点数,不支持前导零。

    42 3.14

  • 布尔值(Boolean)truefalse

    true false

  • 对象(Object):如上所述。

    { "key": "value" }

  • 数组(Array):如上所述。

    [1, 2, 3]

  • 空值(null):表示空值。

    null

JSON 的使用

  • 解析 JSON:将 JSON 字符串转换为 JavaScript 对象。

    javascript 复制代码
    var jsonString = '{"name": "Alice", "age": 25}';
    var obj = JSON.parse(jsonString);
    console.log(obj.name); // 输出 "Alice"
  • 生成 JSON:将 JavaScript 对象转换为 JSON 字符串。

    javascript 复制代码
    var obj = { name: "Alice", age: 25 };
    var jsonString = JSON.stringify(obj);
    console.log(jsonString); // 输出 '{"name":"Alice","age":25}'

JSON 的特点

  • 简洁:JSON 结构简单,易于理解和编写。
  • 跨语言:JSON 格式在不同编程语言之间广泛支持。
  • 可读性:JSON 语法类似于 JavaScript 对象字面量,易于人类阅读。

JSON 是现代 Web 开发中数据交换的标准格式,广泛用于 API 通信、配置文件、数据存储等场景。

相关推荐
Angel_girl31940 分钟前
vue项目使用svg图标
前端·vue.js
難釋懷44 分钟前
vue 项目中常用的 2 个 Ajax 库
前端·vue.js·ajax
Qian Xiaoo1 小时前
Ajax入门
前端·ajax·okhttp
爱生活的苏苏1 小时前
vue生成二维码图片+文字说明
前端·vue.js
拉不动的猪1 小时前
安卓和ios小程序开发中的兼容性问题举例
前端·javascript·面试
炫彩@之星1 小时前
Chrome书签的导出与导入:步骤图
前端·chrome
贩卖纯净水.1 小时前
浏览器兼容-polyfill-本地服务-优化
开发语言·前端·javascript
前端百草阁2 小时前
从npm库 Vue 组件到独立SDK:打包与 CDN 引入的最佳实践
前端·vue.js·npm
夏日米米茶2 小时前
Windows系统下npm报错node-gyp configure got “gyp ERR“解决方法
前端·windows·npm
且白2 小时前
vsCode使用本地低版本node启动配置文件
前端·vue.js·vscode·编辑器