JSON对象转化为字符串详解


Posted in Javascript onAugust 11, 2017

序列化

定义

指将 JavaScript 值转化为 JSON 字符串的过程。
JSON.stringify() 能够将 JavaScript 值转换成 JSON 字符串。JSON.stringify() 生成的字符串可以用 JSON.parse() 再还原成 JavaScript 值。

参数的含义

1)JSON.stringify(value[, replacer[, space]])
2)value:必选参数。被变换的 JavaScript 值,一般是对象或数组。
3)replacer:可以省略。有两种选择:函数或数组。

①- 如果是函数,则每一组名称/值对都会调用此函数,该函数返回一个值,作为名称的值变换到结果字符串中,如果返回 undefined,则该成员被忽略。
②- 如果是数组,则只有数组中存在名称才能够被转换,且转换后顺序与数组中的值保持一致。

4)space:可以省略。这是为了排版、方便阅读而存在的。可以在 JSON 字符串中添加空白或制表符等。 

value 用法

示例代码:

<script>
var obj = {
name : “Geoff Lui”,
age : 26
};
console.log(obj);
var jsonstr = JSON.stringify(obj);
console.log(jsonstr);
</script>

控制台输出执行结果:

JSON对象转化为字符串详解

replacer 的用法

示例代码:

<script>
var obj = {
name : “Geoff Lui”,
age : 26
};
console.log(obj);
var jsonstr = JSON.stringify(obj,fun);
function fun(name, value){
If (name == “age” )
value = 14;
return value;
}
console.log(jsonstr);
</script>

执行结果:

JSON对象转化为字符串详解

 示例代码:

<script>
var obj = {
a : 1,
b : 2,
c : 3,
d :4
};
console.log(obj);
var jsonstr = JSON.stringify(obj,[“a”,”b”,”c”]);
console.log(jsonstr);
</script>

执行结果:

JSON对象转化为字符串详解

 space 的用法   //排列的更加可读

示例代码:

<script>
var obj = {
a : 1,
b : 2,
c : 3,
d :4
};
console.log(obj);
var jsonstr = JSON.stringify(obj,[“a”,”b”,”c”], “one”);
console.log(jsonstr);
</script>

执行结果:

JSON对象转化为字符串详解

以上就是JSON对象转化为字符串的详细介绍啦,希望对同学们的学习有所帮助,也希望大家继续支持三水点靠木~!

Javascript 相关文章推荐
用CSS+JS实现的进度条效果效果
Jun 05 Javascript
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
Sep 26 Javascript
js控制CSS样式属性语法对照表
Dec 11 Javascript
js实现浏览器的各种菜单命令比如打印、查看源文件等等
Oct 24 Javascript
javascript间隔刷新的简单实例
Nov 14 Javascript
Node.js中调用mysql存储过程示例
Dec 20 Javascript
jQuery中triggerHandler()方法用法实例
Jan 19 Javascript
Vue.use源码分析
Apr 22 Javascript
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
May 26 jQuery
基于LayUI分页和LayUI laypage分页的使用示例
Aug 02 Javascript
Vue代码整洁之去重方法整理
Aug 06 Javascript
jQuery实现购物车全功能
Jan 11 jQuery
JS中Swiper的使用和轮播图效果
Aug 11 #Javascript
移动端触摸滑动插件swiper使用方法详解
Aug 11 #Javascript
Echarts基本用法_动力节点Java学院整理
Aug 11 #Javascript
js 奇葩技巧之隐藏代码
Aug 11 #Javascript
echart简介_动力节点Java学院整理
Aug 11 #Javascript
Javascript中this关键字指向问题的测试与详解
Aug 11 #Javascript
使用JS编写的随机抽取号码的小程序
Aug 11 #Javascript
You might like
模拟OICQ的实现思路和核心程序(三)
2006/10/09 PHP
杏林同学录(六)
2006/10/09 PHP
php中jQuery插件autocomplate的简单使用笔记
2012/06/14 PHP
PHP中数组转换为SimpleXML教程
2019/01/27 PHP
几行代码轻松搞定jquery实现flash8类似的连接效果
2007/05/03 Javascript
javascript笔记 String类replace函数的一些事
2011/09/22 Javascript
Extjs4 GridPanel 的几种样式使用介绍
2013/04/18 Javascript
JavaScript对象的property属性详解
2014/04/01 Javascript
js脚本获取webform服务器控件的方法
2014/05/16 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
2014/11/02 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
2015/03/05 Javascript
javascript获取文档坐标和视口坐标
2015/05/26 Javascript
jQuery实用技巧必备(中)
2015/11/03 Javascript
Javascript 调用 ActionScript 的简单方法
2016/09/22 Javascript
Bootstrap Modal遮罩弹出层(完整版)
2016/11/21 Javascript
ajax实现动态下拉框示例
2017/01/10 Javascript
原生js实现弹出层效果
2017/01/20 Javascript
使用bat打开多个cmd窗口执行gulp、node
2017/02/17 Javascript
从零学习node.js之mysql数据库的操作(五)
2017/02/24 Javascript
Angular如何在应用初始化时运行代码详解
2018/06/11 Javascript
Django中URLconf和include()的协同工作方法
2015/07/20 Python
Django与遗留的数据库整合的方法指南
2015/07/24 Python
Python的面向对象编程方式学习笔记
2016/07/12 Python
详解Python自建logging模块
2018/01/29 Python
对Python3 pyc 文件的使用详解
2019/02/16 Python
20行python代码的入门级小游戏的详解
2019/05/05 Python
使用PyTorch训练一个图像分类器实例
2020/01/08 Python
python中二分查找法的实现方法
2020/12/06 Python
TUMI澳大利亚网站:美国旅行箱包品牌
2017/03/27 全球购物
AP澳洲中文网:澳洲正品直邮,包税收件无忧
2019/07/12 全球购物
拉歌口号大全
2014/06/13 职场文书
优秀团队申报材料
2014/12/26 职场文书
心灵点滴观后感
2015/06/02 职场文书
小学英语听课心得体会
2016/01/14 职场文书
职场中的你,辞职信写对了吗?
2019/06/26 职场文书
2019让人心动的商业计划书
2019/06/27 职场文书