App Inventor 2 如何拼接 JSON 文本?用字典积木轻松搞定

简介: App Inventor 2 中拼接 JSON 文本的最简方法是利用字典积木,字典天生就是 JSON 的表现形式,自动输出标准格式,无需手动拼接字符串。

App Inventor 2 中拼接 JSON 文本的最简方法是利用字典(Dictionary)积木。字典天生就是 JSON 的一种表现形式,打印出来就是标准 JSON 格式文本,无需手动拼接字符串。

为什么用字典而不是拼接字符串?

很多初学者会想到用 join(拼接)积木把字符串一段段拼成 JSON 格式,比如:

{
   "temperature": 25, "humidity": 60}

手动拼接不仅容易出错(漏逗号、漏引号、括号不匹配),而且当数据字段增多时维护成本很高。

字典的天然优势:App Inventor 2 的字典本质上就是键值对(key-value pairs),与 JSON 的对象结构完全一致。将字典转换为文本时,自动输出标准 JSON 格式。

如何用字典积木创建 JSON?

Step 1: 找到"创建字典"积木

在积木面板中,进入 字典 分类,找到 创建字典 积木(make a dictionary)。默认只有 2 个插槽(2 组键值对),但它是可拓展块

Step 2: 拓展插槽数量

点击积木左上角的 蓝色小齿轮 ⚙️,弹出拓展面板。将左侧的 keyvalue 块拖入右侧,增加更多键值对插槽。

创建字典积木的蓝色齿轮拓展

Step 3: 填入键值对数据

  • key: "temperature" → value: 25
  • key: "humidity" → value: 60
  • key: "device" → value: "sensor_01"

Step 4: 转换为 JSON 文本

将字典积木连接到 转换为文本 积木,即可输出 JSON 文本。

完整逻辑积木块

生成的 JSON 是什么样的?

{
   "temperature": 25, "humidity": 60, "device": "sensor_01"}

生成的JSON文本输出

字典嵌套怎么做?

在字典的 value 位置再放一个"创建字典"积木,即可实现多层嵌套。

JSON 数组怎么处理?

创建列表make a list)积木,列表会自动转换为 JSON 数组格式 [...]

怎么通过 MQTT 发送 JSON?

字典转文本后,调用 MQTT 客户端的 Publish 方法发送即可。流程:1.创建字典 2.字典转文本 3.MQTT.Publish(topic, jsonText)

Web 组件和字典拼接 JSON 有什么区别?

Web 组件的 PostText 方法可以自动将字典转为 JSON。但在 MQTT、蓝牙通信等场景需要手动转换。

三种 JSON 拼接方法对比

方法 优点 缺点
字典积木(推荐) 自动格式化、不易出错、支持嵌套 需要了解字典积木用法
字符串拼接 直观简单 容易出错、难维护
Web 组件自动转换 最省事 仅限 HTTP 请求场景

最佳实践:始终使用字典积木构造 JSON,比手动拼接字符串更安全、更高效。


更多 App Inventor 2 教程和资源,请访问 App Inventor 2 中文网。

相关文章
|
7天前
|
人工智能 开发工具 iOS开发
Claude Code 新手完全上手指南:安装、国产模型配置与常用命令全解
Claude Code 是一款运行在终端环境中的 AI 编程助手,能够直接在命令行中完成代码生成、项目分析、文件修改、命令执行、Git 管理等开发全流程工作。它最大的特点是**任务驱动、终端原生、轻量高效、多模型兼容**,无需图形界面、不依赖 IDE 插件,能够深度融入开发者日常工作流。
2896 6
|
10天前
|
Shell API 开发工具
Claude Code 快速上手指南(新手友好版)
AI编程工具卷疯啦!Claude Code凭借任务驱动+终端原生的特性,成了开发者的效率搭子。本文从安装、登录、切换国产模型到常用命令,手把手带新手快速上手,全程避坑,30分钟独立用起来。
3032 20
|
23天前
|
人工智能 JSON 供应链
畅用7个月无影 JVS Claw |手把手教你把JVS改造成「科研与产业地理情报可视化大师」
LucianaiB分享零成本畅用JVS Claw教程(学生认证享7个月使用权),并开源GeoMind项目——将JVS改造为科研与产业地理情报可视化AI助手,支持飞书文档解析、地理编码与腾讯地图可视化,助力产业关系图谱构建。
23566 15
畅用7个月无影 JVS Claw |手把手教你把JVS改造成「科研与产业地理情报可视化大师」
|
4天前
|
人工智能 Linux BI
国内用 Claude Code 终于不用翻墙了:一行命令搞定,自动接 DeepSeek
JeecgBoot AI专题研究 一键脚本:Claude Code + JeecgBoot Skills + DeepSeek 全平台接入 一行命令装好 Claude Code + JeecgBoot Skills + DeepSeek 接入,无需翻墙使用 Claude Code,支持 Wind
1866 3
国内用 Claude Code 终于不用翻墙了:一行命令搞定,自动接 DeepSeek
|
10天前
|
人工智能 JSON BI
DeepSeek V4-Pro 接入 Claude Code 完全实战:体验、测试与关键避坑指南
Claude Code 作为当前主流的 AI 编程辅助工具,凭借强大的代码理解、工程执行与自动化能力深受开发者喜爱,但原生模型的使用成本相对较高。为了在保持能力的同时进一步降低开销,不少开发者开始寻找兼容度高、价格更友好的替代模型。DeepSeek V4 系列的发布带来了新的选择,该系列包含 V4-Pro 与 V4-Flash 两款模型,并提供了与 Anthropic 完全兼容的 API 接口,理论上只需简单修改配置,即可让 Claude Code 无缝切换为 DeepSeek 引擎。
2425 3
|
8天前
|
人工智能 安全 开发工具
Claude Code 官方工作原理与使用指南
Claude Code 不是传统代码补全工具,而是 Anthropic 推出的终端 AI 代理,具备代理循环、双驱动架构(模型+工具)、全局项目感知、6 种权限模式等核心能力,本文基于官方文档系统解析其工作原理与高效使用技巧。
1314 0
|
8天前
|
存储 Linux iOS开发
【2026最新】MarkText中文版Markdown编辑器使用图解(附安装包)
MarkText是一款免费开源、跨平台的Markdown编辑器,主打所见即所得实时预览,支持Windows/macOS/Linux。内置数学公式、流程图、代码高亮、多主题及PDF/HTML导出,是Typora的轻量免费替代首选。(239字)