对象转换为 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);
}
相关推荐
nihao5611 分钟前
Figma-Context-MCP 帮助前端快速生成页面
前端·ai编程·figma
阿蓝灬26 分钟前
React中的stopPropagation和preventDefault
前端·javascript·react.js
天天向上102428 分钟前
vue3 抽取el-dialog子组件
前端·javascript·vue.js
lecepin33 分钟前
AI Coding 资讯 2025-11-05
前端·javascript
excel36 分钟前
Vue 模板解析器 parserOptions 深度解析
前端
前端小咸鱼一条41 分钟前
17.React获取DOM的方式
前端·javascript·react.js
excel43 分钟前
Vue 编译核心中的运行时辅助函数注册机制详解
前端
excel43 分钟前
🌿 深度解析 Vue DOM 编译器模块源码:compile 与 parse 的构建逻辑
前端
excel1 小时前
深度解析 Vue 编译器中的 transformShow:v-show 指令的编译原理
前端
excel1 小时前
深度解析:decodeHtmlBrowser —— 浏览器端 HTML 解码函数设计
前端