首页 > 基础资料 博客日记
js-将JSON 字符串转换为JavaScript 对象(JSON.parse)
2024-11-06 01:00:07基础资料围观320次
这篇文章介绍了js-将JSON 字符串转换为JavaScript 对象(JSON.parse),分享给大家做个参考,收藏Java资料网收获更多编程知识
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. 应用场景
-
从服务器获取数据:当从服务器获取数据时,数据通常是 JSON 格式的字符串,需要将其转换为 JavaScript 对象以便进一步处理。
-
本地存储数据:在浏览器中使用
localStorage
或sessionStorage
存储数据时,可以将 JavaScript 对象转换为 JSON 字符串存储,需要时再转换回对象。 -
跨域数据交换:在 Web 开发中,经常需要跨域交换数据,JSON 是一种常用的数据格式。
4.注意事项
-
异常处理:
JSON.parse
在解析无效的 JSON 字符串时会抛出异常,因此在使用时应该进行异常处理。 -
安全性:当解析来自不受信任的源的 JSON 数据时,应该小心防范潜在的代码注入攻击。可以使用
JSON.parse
的第二个参数,一个函数,来过滤或转换解析后的数据。 -
数据类型:
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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:jacktools123@163.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:jacktools123@163.com进行投诉反馈,一经查实,立即删除!
标签:
相关文章
最新发布
- springboot~3.x项目中使用集成测试
- Java测试类、工具类与JavaBean对比解析
- SpringBoot-日志
- springboot~http2的支持
- 解疑释惑 - 日志体系之 slf4j + logback 组合(一)
- Web server failed to start. Port 8080 was already in use. 端口被占用
- Springboot 项目配置多数据源
- 伙伴匹配系统(移动端 H5 网站(APP 风格)基于Spring Boot 后端 + Vue3 - 05
- 剑指offer-23、搜索⼆叉树的后序遍历序列
- 一个表示金额的数字是 100000000L,这是多少米?