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的document对象和window对象详解
Dec 30 Javascript
javascript:history.go()和History.back()的区别及应用
Nov 25 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
Sep 22 Javascript
js+html5获取用户地理位置信息并在Google地图上显示的方法
Jun 05 Javascript
AngularJS基础教程之简单介绍
Sep 27 Javascript
微信小程序 开发指南详解
Sep 27 Javascript
简单实现jQuery多选框功能
Jan 09 Javascript
vue-cli之router基本使用方法详解
Oct 17 Javascript
加快Vue项目的开发速度的方法
Dec 12 Javascript
js实现GIF动图分解成多帧图片上传
Oct 24 Javascript
Vue2.X和Vue3.0数据响应原理变化的区别
Nov 07 Javascript
微信小程序转化为uni-app项目的方法示例
May 22 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生成随机数的方法实例分析
2015/01/22 PHP
php封装的mysqli类完整实例
2016/10/18 PHP
js获取单选按钮的数据
2006/11/27 Javascript
JavaScript实现x秒后自动跳转到一个页面
2013/01/03 Javascript
原生js拖拽(第一课 未兼容)拖拽思路
2013/03/29 Javascript
jquery控制左右箭头滚动图片列表的实例
2013/05/20 Javascript
获取鼠标在div中的相对位置的实现代码
2013/12/30 Javascript
通过JS动态创建一个html DOM元素并显示
2014/10/15 Javascript
JavaScript使用setTimeout实现延迟弹出警告框的方法
2015/04/07 Javascript
老生常谈JQuery data方法的使用
2016/09/09 Javascript
layui导航栏实现代码
2017/05/19 Javascript
基于vue2.x的电商图片放大镜插件的使用
2018/01/22 Javascript
react-native 圆弧拖动进度条实现的示例代码
2018/04/12 Javascript
通过seajs实现JavaScript的模块开发及按模块加载
2019/06/06 Javascript
[01:13]2014DOTA2西雅图邀请赛 舌尖上的TI4
2014/07/08 DOTA
Python中的localtime()方法使用详解
2015/05/22 Python
Python线性回归实战分析
2018/02/01 Python
使用Python进行AES加密和解密的示例代码
2018/02/02 Python
TensorFlow变量管理详解
2018/03/10 Python
Selenium(Python web测试工具)基本用法详解
2018/08/10 Python
浅谈python在提示符下使用open打开文件失败的原因及解决方法
2018/11/30 Python
Python正则表达式实现简易计算器功能示例
2019/05/07 Python
Python3+Requests+Excel完整接口自动化测试框架的实现
2019/10/11 Python
使用Matplotlib 绘制精美的数学图形例子
2019/12/13 Python
Python实现bilibili时间长度查询的示例代码
2020/01/14 Python
Python 在局部变量域中执行代码
2020/08/07 Python
Python正则re模块使用步骤及原理解析
2020/08/18 Python
html5记忆翻牌游戏实现思路及代码
2013/07/25 HTML / CSS
HTML5离线应用与客户端存储的实现
2018/05/03 HTML / CSS
英国奢侈皮具品牌:Aspinal of London
2018/09/02 全球购物
文明餐桌活动方案
2014/02/11 职场文书
交通运输局四风问题对照检查材料思想汇报
2014/10/09 职场文书
如何用python插入独创性声明
2021/03/31 Python
Golang 如何实现函数的任意类型传参
2021/04/29 Golang
一篇文章带你了解Python和Java的正则表达式对比
2021/09/15 Python
关于vue-router-link选择样式设置
2022/04/30 Vue.js