对象转换为 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);
}
相关推荐
年老体衰按不动键盘3 分钟前
快速部署和启动Vue3项目
java·javascript·vue
小小小小宇3 分钟前
一个小小的柯里化函数
前端
灵感__idea7 分钟前
JavaScript高级程序设计(第5版):无处不在的集合
前端·javascript·程序员
小小小小宇11 分钟前
前端双Token机制无感刷新
前端
小小小小宇13 分钟前
重提React闭包陷阱
前端
小小小小宇29 分钟前
前端XSS和CSRF以及CSP
前端
UFIT32 分钟前
NoSQL之redis哨兵
java·前端·算法
超级土豆粉39 分钟前
CSS3 的特性
前端·css·css3
星辰引路-Lefan40 分钟前
深入理解React Hooks的原理与实践
前端·javascript·react.js
wyn200011281 小时前
JavaWeb的一些基础技术
前端