js对象、json对象和json字符串的区别以及相互转换

本文详细解读了JSON语法、JavaScript对象与JSON对象的区别,以及字符串之间的转换方法。通过实例演示了如何使用JSON.parse()和JSON.stringify()操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第8天,点击查看活动详情

前言

JSON是一种非常非常灵活,常用于服务器和Web应用程序之间的数据传输。本文将介绍JSON 语法规则、js对象、json对象和json字符串区别以及JSON字符串 转 js对象和js对象 转 JSON字符串。

JSON

JSON 全称JavaScript Object Notation,是一种用于存储和传输数据的格式。JSON 是浏览器内置对象,无需下载,易于理解,通常用于服务端向网页传递数据。

JSON 语法规则:

  • 数据在名称/值对中;
  • 数据由逗号 , 分隔;
  • 字符串必须使用"",不能使用'';
  • 使用斜杆来转义 \ 字符;
  • 大括号 {} 保存对象,且对象的最后一项不能有多余的,;

JSON 格式示例:

{ "errno": 0, "data": [ { "_id": "1", "name": "沃xx玛", "imgUrl": "xxx", "sales": 10000, "expressLimit": 0, "expressPrice": 5, "slogan": "VIPxxxx运费券" } ], "message": "errno !== 0 时的错误信息" }

js对象、json对象和json字符串区别

js对象: let obj = { a: "a", b: 2, }

json对象:

let jsonObj = { "a": "a", "b": 2 }

json字符串: let jsonStr = '{ "a": "a","b": 2}'

注意:json字符串 "{ "a": "a","b": 2}" 这样是错误的,最外侧一定是单引号;

JSON字符串 转 js对象

我们可以使用 JSON.parse() 方法,将从服务端接收到的JSON字符串转换为 JavaScript 对象。

image.png

js对象 转 JSON字符串

JSON.stringify() 用于将 js对象转换为 JSON 字符串。

我们可以使用 JSON.stringify() 方法,将 JavaScript 对象转换为JSON字符串然后发送到服务端。

image.png

输出缩进 2个单位:

image.png

结语

本文到此结束

如果大家还有什么其他想法,欢迎在评论区交流!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱划水de鲸鱼哥~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值