对象转换为 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);
}
相关推荐
光影少年4 小时前
angular生态及学习路线
前端·学习·angular.js
記億揺晃着的那天6 小时前
Vue + Element UI 表格自适应高度如何做?
javascript·vue.js·ui
无尽夏_6 小时前
HTML5(前端基础)
前端·html·html5
Jagger_6 小时前
敏捷开发流程-精简版
前端·后端
FIN66686 小时前
昂瑞微冲刺科创板:创新驱动,引领射频芯片国产化新征程
前端·安全·前端框架·信息与通信·芯片
GISer_Jing6 小时前
ByteDance——jy真题
前端·javascript·面试
睡美人的小仙女1276 小时前
浏览器为何屏蔽本地文件路径?
前端
真的想不出名儿7 小时前
Vue 中 props 传递数据的坑
前端·javascript·vue.js
FIN66687 小时前
昂瑞微:深耕射频“芯”赛道以硬核实力冲刺科创板大门
前端·人工智能·科技·前端框架·信息与通信·智能
阳光阴郁大boy7 小时前
星座运势网站技术解析:从零打造现代化Web应用
前端·javascript