对象转换为 JSON 字符串(或反向解析)

一、对象 → JSON 字符串

使用 JSON.stringify() 方法,常用于:

本地存储(wx.setStorageSync)

网络请求传输数据

复杂对象持久化

代码示例

复制代码
const obj = {
  id: 1,
  name: "小明",
  scores: [90, 85, 95],
  createdAt: new Date()
};

// 基础转换
const jsonString = JSON.stringify(obj);
console.log(jsonString); 
// 输出: {"id":1,"name":"小明","scores":[90,85,95],"createdAt":"2023-10-01T12:00:00.000Z"}

// 带格式化(缩进2空格)
const prettyJson = JSON.stringify(obj, null, 2);
console.log(prettyJson);
// 输出带缩进的JSON:
// {
//   "id": 1,
//   "name": "小明",
//   "scores": [90,85,95],
//   "createdAt": "2023-10-01T12:00:00.000Z"
// }

二、JSON 字符串 → 对象

使用 JSON.parse() 方法,常用于:

读取本地存储数据

解析 API 返回的 JSON 响应

反序列化数据

代码示例

复制代码
const jsonString = '{"id":1,"name":"小明","scores":[90,85,95]}';

try {
  const obj = JSON.parse(jsonString);
  console.log(obj.name); // 输出: 小明
} catch (err) {
  console.error("JSON解析失败:", err);
}
相关推荐
风骏时光牛马1 天前
AI源码分析:拆解模型底层实现逻辑
前端
BillKu1 天前
全局样式变量:CSS 自定义属性(--border-color)和SCSS 变量($border-color)的说明
javascript·css·scss
IT_陈寒1 天前
React子组件莫名其妙重渲染?你可能漏了这个Hook
前端·人工智能·后端
乘风gg1 天前
DeepSeek V4.1 Flash 来了,明天中午 Flash 降价 60%
前端·ai编程·claude
Flynt1 天前
"只输出 JSON"根本不够:LLM 结构化输出的坑,我实测了 60 次调用
llm·json
默_笙1 天前
❗ 给金鱼装记忆(上):从白板到笔记本,AI 的短期记忆生存指南
前端·javascript
酷酷的逗逗乐1 天前
前端转 Agent 开发 · 第五节:Memory 会话记忆
前端·程序员
掘金挖土1 天前
前端手摸手跑路之 AI 应用开发(二)
前端·后端
兜里只有三分钱~1 天前
翻卡_3D 的仪式感,和三个让它穿帮的写法
javascript·css·3d
mayaairi1 天前
Vue2 组件通讯(四):v-model、scoped样式、mixins与plugins
前端·javascript·vue.js