前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >JavaScript 学习-6.对象(object)的序列化和反序列化

JavaScript 学习-6.对象(object)的序列化和反序列化

作者头像
上海-悠悠
发布于 2022-05-17 11:09:14
发布于 2022-05-17 11:09:14
2.3K00
代码可运行
举报
运行总次数:0
代码可运行

前言

在JavaScript中的序列化和反序列化。

对象的序列化

当我们需要向后端传json字符串的时候,需将JavaScript的对象转成json格式,这个过程就是序列化。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var person = {
    name: "yoyo",
    age: 22,
    address: "上海市"
};
console.log(person);  // {name: 'yoyo', age: 22, address: '上海市'}
alert(person);  // [object Object]

如果我们需要把数据传到后端,是需要转成标准的json格式,后端才能正常的识别到。于是需把JavaScript的object对象转成json。

最常用的是内置方法JSON.stringify(obj)

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var person = {
    name: "yoyo",
    age: 22,
    address: "上海市"
};

console.log(JSON.stringify(person));  // {"name":"yoyo","age":22,"address":"上海市"}
alert(JSON.stringify(person));  // {"name":"yoyo","age":22,"address":"上海市"}

反序列化

后端通过接口给前端提供json数据,JavaScript接收json数据后续解析成object对象才好取值,这个过程叫反序列化。 最常用的是内置方法JSON.parse(text)

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// text 是一个 json 字符串
text = '{"name":"yoyo","age":22,"address":"上海市"}'
console.log(JSON.parse(text))
alert(JSON.parse(text))

兼容性

对象的序列化和反序列化使用 JavaScript 提供的内置方法JSON.stringify(obj)JSON.parse(text)基本就可以了。 (但是对于IE8以下的低版本兼容会有一些问题, 不过最近IE浏览器都宣布退出了,再也不用担心这个问题了)

json.js 是 JSON官方(http://www.json.org/)提供的在JavaScript中解析JSON的js包,主要为了解决不同浏览器的兼容性。 网上会看到json.js、json2.js、json3.js是从旧到新的三个版本,现在一般使用json3.js。

JSON官方(http://www.json.org/)提供了一个json3.js,提供了JSON的序列化和反序列化方法,可以将一个JSON对象转换成JSON字符串,也可以将一个JSON字符串转换成一个JSON对象。 这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法;

json3.js是与各种JavaScript平台兼容的现代JSON实现,包括Internet Explorer 6,Opera 7,Safari 2和Netscape 6.当前版本是3.3.2。

可以在 https://bestiejs.github.io/json3/ 获取到这个最新的json3.js

这里提供一个json2.js github 下载地址https://github.com/douglascrockford/JSON-js

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2022-05-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 从零开始学自动化测试 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
第168天:json对象和字符串的相互转换
在Firefox,chrome,opera,safari,ie9,ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。 JSON.stringify(obj)       将JSON对象转为字符串。 JSON.parse(string)       将字符串转为JSON对象格式。
半指温柔乐
2018/09/11
1.5K0
【javascript编程思维】深入了解JSON到底是什么?该如何去操作JSON字符串?
JSON的语法规定JSON字符串必须为双引号("")包着⽽不是单引号(’’),同时JSON对象内的键也是必须为双引号("")包着⽽不是单引号(’’)
大数据小禅
2021/08/16
4910
【javascript编程思维】深入了解JSON到底是什么?该如何去操作JSON字符串?
JSON对象和JavaScript对象直接量的区别--不同之处
在工作当中,我们总是可以听到人说将数据转换为JSON对象,或者说把JSON对象转换为字符串之类的话,下面是关于JSON的具体说明。
Tz一号
2020/09/10
1.9K0
java字符串转换为json对象6_Json对象与Json字符串的转化、JSON字符串与Java对象的转换…
$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象
全栈程序员站长
2022/11/08
2.5K0
Json对象与Json字符串互转(4种转换方式)
最近有用到php的json字符串要转成js对象,以前一直用jq或者eval,又发现了其他的方法,记录下.
用户3094376
2018/09/12
1.4K0
Json对象与Json字符串互转(4种转换方式)
  $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象
李才哥
2019/07/10
14.7K0
Json对象与Json字符串互转(4种转换方式)
javascript对象序列化(对象与JSON字符串的互换)
前一段时间用到h5的本地存储---需要把某个js对象存储在浏览器的本地存储中,用到了javascript对象的序列化与反序列化
lin_zone
2018/08/15
1.5K0
【Java 进阶篇】JavaScript JSON 语法入门:轻松理解数据的序列化和反序列化
嗨,亲爱的小白们!欢迎来到这篇关于 JavaScript 中 JSON(JavaScript Object Notation)语法的入门指南。JSON 是一种轻量级的数据交换格式,广泛应用于前端开发中。通过这篇博客,我将带你深入了解 JSON 的语法,以及如何在 JavaScript 中使用它来实现数据的序列化和反序列化。让我们一起踏上这段有趣的学习之旅吧!
繁依Fanyi
2023/11/22
3320
【Java 进阶篇】JavaScript JSON 语法入门:轻松理解数据的序列化和反序列化
JavaScript JSON解析与序列化
JSON之所以流行是因为可以把JSON数据结构解析为有用的JavaScript对象。
conanma
2021/09/07
2.7K0
Django Ajax序列化与反序列化
序列化与反序列是最常用的功能,有时我们需要将一个表单组打包成Json格式等然后再提交给服务端,这样可以提高效率节约带框,如下是Django配合Ajax实现的序列化与反序列化,文件上传等操作。
王瑞MVP
2022/12/28
2.8K0
Java-json序列化和反序列化
java开发中经常会遇到json的序列化与反序列化,常用的json序列化工具有阿里的Fastjson、spring mvc内置的Jackson、还有就是我们接下来要说的谷歌的Gson。
Vincent-yuan
2021/04/01
4.8K0
JavaScript之JSON
一、简介:Json是JavaScript中读取结构化数据更好的方式。因为Json数据可以直接传给eval(),而且不必创建DOM对象。Json是一种数据格式,不是一种编程语言,虽然具有相同的语法形式,带Json并不从属于JavaScript.而且,并不是只有JavaScript才使用Json,毕竟Json只是一种数据格式。很多编程语言都有针对Json的解析器和序列化器。 二、语法 Json的语法可以表示一下三种类型的值 1、简单值:使用与JavaScript相同的语法,可以在Json中表示字符串、数值、布尔
郑小超.
2018/01/24
1.5K0
JavaScript 学习-5.对象(object)的创建
前言 对象(object)是 JavaScript 最重要的数据类型,也是JavaScript的核心内容。JavaScript 中一切皆对象,比如String、 Array、Date等对象。 在 JavaScript 中,对象是非常重要的,当你理解了对象,就可以了解 JavaScript 。 对象的概念 对象是无序的数据集合,由键值对组成,对象键值对的写法类似于: Python 中的字典 PHP 中的关联数组 C 语言中的哈希表 Java 中的哈希映射 Ruby 和 Perl 中的哈希表 真实生活中,一辆汽
上海-悠悠
2022/05/16
4220
JavaScript 学习-5.对象(object)的创建
AJAX
先了解JSON 什么是JSON? JSON 指的是JavaScript对象表示法(JavaScript Object Notation) JSON 是轻量级的文本数据交换格式 JSON 独立于语言 JSON 具有自我描述性,更易理解   JSON 使用JavaScript语法来描述数据对象,但是JSON仍然独立与语言和平台。JSON解释器和JSON库支持许多不同的编程语言。 它基于 ECMAScript (w3c制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。 简洁和清晰的层次
新人小试
2018/04/12
4.4K0
AJAX
json对象和json字符串的转化
代码如下: JSON.parse(jsonstr); //可以将json字符串转换成json对象 JSON.stringify(jsonobj); //可以将json对象转换成json对符串
用户5640963
2019/07/28
3.3K0
再谈Silverlight中的对象序列化/反序列化
曾经发过一篇如何在Silveright中利用XmlSerializer序列化对象的文章“Silverlight中的序列化”,限于当时的认识有限,一度以为silverlight只有这一种办法,今天意外发现,其实还有更好的方式,特此做一个汇总与比较 1.json序列化方式 silverlight支持json字符串已是众人皆知的事情,没啥好说的,有点容易让人误导的是:我们在vs的silverlight项目中添加引用时,一眼就能看到System.Runtime.Serialization.Json这个命名空间,于是
菩提树下的杨过
2018/01/22
1.1K0
再谈Silverlight中的对象序列化/反序列化
golang json 序列化、反序列化 字符串反序列化
在使用Golang进行开发时,经常会遇到需要将一段JSON字符串进行序列化和反序列化的情况。JSON是一种轻量级数据交换格式,常用于前后端数据传输、存储等场景。Golang提供了内置的​​encoding/json​​包来处理JSON的序列化和反序列化。
大盘鸡拌面
2023/11/11
1.2K0
JavaScript基础-对象与JSON
在JavaScript编程中,对象是存储和操作数据的核心结构,而JSON(JavaScript Object Notation)则是数据交换的轻量级格式。本文旨在深入浅出地介绍JavaScript对象的创建与操作,以及JSON的解析与序列化,同时指出常见问题与易错点,并提供实用的避免策略和代码示例
Jimaks
2024/06/12
1830
javascript 跳跃式前进 (3) - 跳入 JSON
早期的解析只有用eval() ,但是这货太容易给注入恶意代码…之后就有人写了个JSON2.js来让低级浏览器支持JSON
CRPER
2024/02/25
1140
JS字符串转换为JSON的四种方法
 $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 
凯哥Java
2022/12/16
1.7K0
相关推荐
第168天:json对象和字符串的相互转换
更多 >
领券
💥开发者 MCP广场重磅上线!
精选全网热门MCP server,让你的AI更好用 🚀
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档