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

相关推荐
社恐的下水道蟑螂4 分钟前
LangChain 进阶实战:从玩具 Demo 到生产级 AI 应用(JS/TS 全栈版)
前端·langchain·openai
Fairy要carry6 分钟前
项目01-手搓Agent之loop
前端·javascript·python
亲亲小宝宝鸭11 分钟前
Ctrl ACV工程师的提效之路:删掉项目中的冗余
前端
kyriewen15 分钟前
DOM树与节点操作:用JS给网页“动手术”
前端·javascript·面试
米饭同学i18 分钟前
基于腾讯云COS的小程序素材上传功能实现
前端·javascript·react.js
cxxcode18 分钟前
前端性能指标接入 Prometheus 技术方案
前端
辣椒炒代码19 分钟前
🚀 AI Agent 入门实战:基于 LangChain + MCP 构建智能导游助手
前端
ruanCat23 分钟前
前端工程化工具链从零配置:simple-git-hooks + lint-staged + commitlint
前端·git·代码规范
光影少年25 分钟前
如何开发一个CLI工具?
javascript·测试工具·前端框架·node.js
哈__36 分钟前
ReactNative项目OpenHarmony三方库集成实战:react-native-fingerprint-scanner
javascript·react native·react.js