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 相关文章推荐
JavaScript 核心参考教程 内置对象
Oct 13 Javascript
JQuery循环滚动图片代码
Dec 08 Javascript
wap浏览自动跳转到wap页面的js代码
May 17 Javascript
php常见的页面跳转方法汇总
Apr 15 Javascript
Bootstrap每天必学之级联下拉菜单
Mar 27 Javascript
Vue.js Ajax动态参数与列表显示实现方法
Oct 20 Javascript
VueJs监听window.resize方法示例
Jan 17 Javascript
解决JS表单验证只有第一个IF起作用的问题
Dec 04 Javascript
微信小程序自定义键盘 内部虚拟支付
Dec 20 Javascript
微信小程序实现上传图片裁剪图片过程解析
Aug 22 Javascript
微信小程序图片加载失败时替换为默认图片的方法
Dec 09 Javascript
vue中echarts引入中国地图的案例
Jul 28 Javascript
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
php学习之数据类型之间的转换介绍
2011/06/09 PHP
初识php MVC
2014/09/10 PHP
ThinkPHP安装和设置
2015/07/27 PHP
Yii框架弹出窗口组件CJuiDialog用法分析
2017/01/07 PHP
javascript 写类方式之三
2009/07/05 Javascript
Extjs学习笔记之七 布局
2010/01/08 Javascript
jQuery实现鼠标经过图片预览大图效果
2014/04/10 Javascript
gridview生成时如何去掉style属性中的border-collapse
2014/09/30 Javascript
使用js实现的简单拖拽效果
2015/03/18 Javascript
JavaScript实现找质数代码分享
2015/03/24 Javascript
javascript中new关键字详解
2015/12/14 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
2016/06/13 Javascript
js实现select选择框效果及美化
2016/08/19 Javascript
jQuery实现的表格展开伸缩效果实例
2016/09/07 Javascript
基于Bootstrap 3 JQuery及RegExp的表单验证功能
2017/02/16 Javascript
angularjs+bootstrap菜单的使用示例代码
2017/03/07 Javascript
Vue学习笔记进阶篇之vue-cli安装及介绍
2017/07/18 Javascript
vue中使用input[type=&quot;file&quot;]实现文件上传功能
2018/09/10 Javascript
Angular(5.2-&gt;6.1)升级小结
2018/12/27 Javascript
微信小程序实现蓝牙打印
2019/09/23 Javascript
JavaScript装饰者模式原理与用法实例详解
2020/03/09 Javascript
Python3实现的画图及加载图片动画效果示例
2018/01/19 Python
Python cookbook(数据结构与算法)将名称映射到序列元素中的方法
2018/03/22 Python
浅谈Python Opencv中gamma变换的使用详解
2018/04/02 Python
几行Python代码爬取3000+上市公司的信息
2019/01/24 Python
解决Opencv+Python cv2.imshow闪退问题
2020/04/24 Python
Python代码注释规范代码实例解析
2020/08/14 Python
python基于爬虫+django,打造个性化API接口
2021/01/21 Python
小学英语教学反思案例
2014/02/04 职场文书
金融管理毕业生求职信
2014/03/03 职场文书
校园环保标语
2014/06/13 职场文书
学习教师法的心得体会
2014/09/03 职场文书
土木工程专业本科生求职信
2014/10/01 职场文书
如何书写公司员工保密协议?
2019/06/27 职场文书
基于angular实现树形二级表格
2021/10/16 Javascript
《雀魂PONG☆》4月1日播出 PV角色设定情报
2022/03/20 日漫