对象转换为 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);
}
相关推荐
狗哥哥7 小时前
微前端路由设计方案 & 子应用管理保活
前端·架构
前端大卫8 小时前
Vue3 + Element-Plus 自定义虚拟表格滚动实现方案【附源码】
前端
却尘8 小时前
Next.js 请求最佳实践 - vercel 2026一月发布指南
前端·react.js·next.js
ccnocare8 小时前
浅浅看一下设计模式
前端
Lee川8 小时前
🎬 从标签到屏幕:揭秘现代网页构建与适配之道
前端·面试
Ticnix9 小时前
ECharts初始化、销毁、resize 适配组件封装(含完整封装代码)
前端·echarts
纯爱掌门人9 小时前
终焉轮回里,藏着 AI 与人类的答案
前端·人工智能·aigc
twl9 小时前
OpenClaw 深度技术解析
前端
崔庆才丨静觅9 小时前
比官方便宜一半以上!Grok API 申请及使用
前端
星光不问赶路人9 小时前
vue3使用jsx语法详解
前端·vue.js