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

server/2024/10/17 16:32:10/

1.背景

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

获取name值

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

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

javascript">// 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 的其他数据类型,如 undefinedfunction 等。

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

http://www.ppmy.cn/server/132528.html

相关文章

IT运维管理:监控易如何破解机房监控难题,提升运维效率

在当今数字化转型的浪潮中,企业的IT基础设施日益复杂,机房作为数据处理的核心,其稳定运行直接关系到业务的连续性和安全性。然而,随着服务器、存储设备、网络设备等各类硬件的不断增加,以及虚拟化、云计算等技术的广泛…

LeetCode Hot100 | Day5 | 二叉树右视图二叉树展开为链表

LeetCode Hot100 | Day5 | 二叉树右视图&&二叉树展开为链表 文章目录 LeetCode Hot100 | Day5 | 二叉树右视图&&二叉树展开为链表199.二叉树的右视图1.递归遍历2.层序遍历 114.二叉树展开为链表 199.二叉树的右视图 199. 二叉树的右视图 - 力扣(Le…

【ArcPy】在pycharm中调试arcpy工具代码

目标 查找训练深度学习模型报错情况,并查看训练模型下载地址 操作示例 代码调用工具 代码是从arcgis官网训练深度学习模型工具网页,python模块下复制的。数据自行准备 # Import system modules import arcpy from arcpy.ia import * # Check ou…

目标检测系统【环境详细配置过程】(CPU版本)

(如果你使用的是笔记本电脑,没有比较好的GPU,可以配置CPU运行环境) 链接:上百种【基于YOLOv8/v10/v11的目标检测系统】目录(pythonpyside6界面系统源码可训练的数据集也完成的训练模型) 1.安装…

Django CORS跨域支持

服务端安装跨域组件 pip install django-cors-headers 添加子应用,settings/dev.py,代码: INSTALLED_APPS [django.contrib.admin,django.contrib.auth,django.contrib.contenttypes,django.contrib.sessions,django.contrib.messages,djan…

各种类型的身份认证页面,还不会设计,说不过去了吧。

身份认证页面是用户与系统建立信任的关键环节。一个设计良好的身份认证页面,不仅要确保安全性,还要兼顾用户体验。 简洁明了的布局,清晰的指示,让用户能够快速理解认证流程。合理的色彩搭配和字体选择,既不显得单调乏…

ES-入门聚合查询

url 请求地址 http://192.168.1.108:9200/shopping/_search {"aggs": { //聚合操作"price_group":{ //名称,随意起名"terms":{ //分组"field": "price" //分组字段}}} } 查询出来的结果是 查询结果中价格的平均值 {&q…

振弦式渗压计压力计算出现负值怎么办?

振弦式渗压计压力计算出现负值怎么办?振弦式渗压计是一种广泛应用于水利、土木工程及地质勘探等领域的传感器,主要用于测量土体、岩石或混凝土结构中孔隙水压力的变化。其高精度、长期稳定性及良好的环境适应性使其成为水工建筑物安全监测的重要工具。然…