首页 > 编程语言 >js-将JSON 字符串转换为JavaScript 对象(JSON.parse)

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

时间:2024-10-14 14:21:06浏览次数:8  
标签:jsonString jsonObject JavaScript js parse JSON 字符串

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

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

标签:jsonString,jsonObject,JavaScript,js,parse,JSON,字符串
From: https://blog.csdn.net/2301_76671906/article/details/142916572

相关文章

  • 基于Node.js+vue汉服店铺分享系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景在传统文化复兴的浪潮中,汉服作为中华民族传统文化的重要组成部分,近年来受到了越来越多年轻人的追捧和喜爱。随着汉服文化的普及,市场上涌现出了大量的汉服店......
  • 基于Node.js+vue高校党务系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着信息技术的飞速发展和高校党务工作的日益复杂化,传统的手工管理方式已难以满足当前高校党务工作的需求。高校党务工作涉及学院、专业、班级等多个层级,以......
  • 基于Node.js+vue飞机订票管理系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着全球航空业的蓬勃发展,飞机出行已成为人们日常出行的重要方式之一。然而,传统的飞机订票方式,如通过电话、柜台等,不仅效率低下,而且容易出错。同时,随着移动......
  • 基于Node.js+vue公司员工管理系统的设计与实现(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着企业规模的扩大和业务的复杂化,公司员工管理成为了企业管理中的一项重要任务。传统的人工管理方式不仅效率低下,而且容易出错,无法满足现代企业对员工管理......
  • 【vue+printJs】前端打印, 自定义字体大小, 自定义样式, 封装共享样式
    效果示例思维导图目录1,基本使用1,依赖下载2,页面导入3,修改字体大小(可行但不推荐)2,自定义样式,字体大小1,修改字体大小(推荐)2,自定义样式3,封装共享样式3,去除页面页脚内容4,测试案例demo,直接cv可用5,print-js的其他参数说明1,基本使用1,依......
  • jsp大学新生军训管理系统57a05(程序+源码+数据库+调试部署+开发环境)
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表教官,学生,连队,教官评价,军训项目,考核制度,军训风采,考核成绩,应急知识开题报告内容一、研究背景与意义大学新生军训是高等教育的重要组成部分,旨在培养学生......
  • jsp党务资料管理系统gjzvf--程序+源码+数据库+调试部署+开发环境
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表学生,教师,组织信息,书记,教师资料,学生资料,资料展示,通知公告开题报告内容一、研究背景及意义随着信息技术的快速发展,党务工作逐渐趋向信息化、智能化。党务......
  • jsp蛋糕商城系统6b4n8(程序+源码+数据库+调试部署+开发环境)
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容一、研究背景随着生活水平的提高,人们对美食的需求日益增长,尤其是蛋糕甜品这类精致食品。传统的购买方式存在诸多不便,如交通不便、时间成本高、品种......
  • JS异步编程精通之路(一):Callback、Promise、Async/Await 和 Observable 深度对比
    在现代JavaScript编程中,异步操作是常见且必不可少的部分。处理异步的方式多种多样,其中最常见的有Callback、Promise、Async/Await,以及近年来随着响应式编程(ReactiveProgramming)理念兴起的Observable。本文将对这几种异步处理方式进行对比,帮助你理解它们各自的优缺点,以......
  • JavaScript中Promise学习
    Promise是强大的异步编程工具,它允许我们更好的管理和处理异步操作。这里将探讨Promise中的reject以及如何使用catch来处理异步错误 什么是promise?promise是一种代表异步操作最终完成或失败的对象。它有三种状态:1、Pending(进行中):初始状态,既不成功也不失败2、Fulfilled(已成......