你有没有遇到过这种情况？在网页上填完表单，点一下提交，页面没刷新，ref="/tag/426/" style="color:#EB6E00;font-weight:bold;">数据却更新了。其实这背后，很可能就是JavaScript在悄悄处理JSON数据。
什么是JSON？
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。它长得像JavaScript里的对象，但其实是字符串。比如你在手机App里查天气，服务器返回的往往就是一段JSON文本：
{"city": "北京", "temperature": 26, "condition": "晴"}这段文字看着像对象，但它本质是字符串，不能直接拿来用。这时候就得靠JavaScript把它“变”成能操作的数据。
怎么用JavaScript解析JSON？
核心方法就一个：JSON.parse()。它的作用是把JSON格式的字符串转成真正的JavaScript对象。
举个例子，假设你从网络请求中拿到下面这串数据：
const jsonString = '{"name": "小明", "age": 25, "hobby": "打篮球"}';
// 解析成对象
const data = JSON.parse(jsonString);
console.log(data.name); // 输出：小明
console.log(data.age); // 输出：25这样一来，你就可以像操作普通对象一样读取属性了。
实际场景：模拟加载用户信息
想象你在做一个个人中心页面，页面打开时需要从服务器拉取用户资料。后端返回的是JSON字符串，你需要用JavaScript处理：
// 模拟从网络获取的JSON字符串
const response = '{"username": "john123", "email": "john@example.com", "level": 8}';
let userData;
try {
userData = JSON.parse(response);
document.getElementById('profile').innerHTML =
`欢迎你，${userData.username}！当前等级：${userData.level}`;
} catch (err) {
console.error('数据格式出错，无法解析');
}这里加了个 try-catch，是因为万一返回的数据不是合法JSON（比如网络出错或后端异常），程序不会直接崩溃。
常见错误提醒
JSON字符串必须使用双引号，单引号会报错。下面这样是不行的：
// 错误写法
JSON.parse('{ 'name': '张三' }'); // 报错正确写法：
// 正确写法
JSON.parse('{"name": "张三"}');如果数据来自接口，通常不用手动加转义，浏览器会自动处理。但在写字符串字面量时要注意。
学会解析JSON，你就迈出了和服务器“对话”的第一步。不管是加载商品列表、用户评论，还是实时聊天消息，背后都离不开这个简单却关键的操作。