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 通信、配置文件、数据存储等场景。

相关推荐
徐同保1 分钟前
react useState ts定义类型
前端·react.js·前端框架
liangshanbo12159 分钟前
React 19 vs React 18全面对比
前端·javascript·react.js
望获linux21 分钟前
【实时Linux实战系列】Linux 内核的实时组调度(Real-Time Group Scheduling)
java·linux·服务器·前端·数据库·人工智能·深度学习
Never_Satisfied24 分钟前
在 JavaScript 中,删除数组中内容为xxx的元素
java·前端·javascript
_菜鸟果果25 分钟前
Vue3+echarts 3d饼图
前端·javascript·echarts
rechol1 小时前
类与对象(中)笔记整理
java·javascript·笔记
Luffe船长1 小时前
前端vue2+js+springboot实现excle导入优化
前端·javascript·spring boot
Demoncode_y2 小时前
前端布局入门:flex、grid 及其他常用布局
前端·css·布局·flex·grid
明天最后2 小时前
使用 Service Worker 限制请求并发数
前端·service worker
仲夏幻境2 小时前
js利用ajax同步调用如何
开发语言·javascript·ajax