js-将JSON 字符串转换为JavaScript 对象（JSON.parse）

1.背景

// JSON 字符串
const jsonString = '{"name": "张三", "age": 30, "city": "北京"}';

获取name值

2. JSON字符串进行转换为JS对象

将 JSON 字符串转换为 JavaScript 对象(JSON.parse(jsonString))

// JSON 字符串
const jsonString = '{"name": "张三", "age": 30, "city": "北京"}';

// 将 JSON 字符串转换为 JavaScript 对象
const jsonObject = JSON.parse(jsonString);

console.log(jsonObject.name); // 输出: 张三
console.log(jsonObject.age);  // 输出: 30
console.log(jsonObject.city); // 输出: 北京

       JSON.parse 是 JavaScript 中用于将 JSON 格式的字符串转换为 JavaScript 对象的方法。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成

  JSON.parse 方法接受一个 JSON 格式的字符串作为参数，并返回一个 JavaScript 对象。如果字符串不是有效的 JSON 格式，则会抛出一个 SyntaxError 异常。

3. 应用场景

1. 从服务器获取数据：当从服务器获取数据时，数据通常是 JSON 格式的字符串，需要将其转换为 JavaScript 对象以便进一步处理。

2. 本地存储数据：在浏览器中使用 localStorage 或 sessionStorage 存储数据时，可以将 JavaScript 对象转换为 JSON 字符串存储，需要时再转换回对象。

3. 跨域数据交换：在 Web 开发中，经常需要跨域交换数据，JSON 是一种常用的数据格式。

4.注意事项 

1. 异常处理：JSON.parse 在解析无效的 JSON 字符串时会抛出异常，因此在使用时应该进行异常处理。

2. 安全性：当解析来自不受信任的源的 JSON 数据时，应该小心防范潜在的代码注入攻击。可以使用 JSON.parse 的第二个参数，一个函数，来过滤或转换解析后的数据。

3. 数据类型：JSON.parse 只能解析 JSON 格式的字符串，不能解析 JavaScript 的其他数据类型，如 undefined、function 等。

try {
    const jsonString = '{"name": "张三", "age": 30, "city": "北京"}';
    const jsonObject = JSON.parse(jsonString);
    console.log(jsonObject);
} catch (error) {
    console.error("解析 JSON 字符串时出错:", error);
}

原文地址：https://blog.csdn.net/2301_76671906/article/details/142916572

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！