JSON中key动态设置及JSON.parse和JSON.stringify()的区别


Posted in Javascript onDecember 29, 2016

本文给大家介绍JSON中key动态设置及JSON.parse和JSON.stringify()的区别讲解,具体详情如下所示:

var user_info_json = []; 
 user_info_json[user_info_json.length] = eval('('+ '{"'+ id +'": "'+ value +'"}' +')'); 
JSON.stringify(user_info_json)

先转成字符串,然后使用eval()格式化,然后在把json对象格式化成字符串

分析 : json = {key:values}; 的结果是{"key":values}不满足要求,而json还不支持

json = {"" + key:values};这种格式,所以,想直接把key作为参数传入的思路是不行的

所以只能先写一个字符串,然后格式化成 key :value 的形式

之所以会遇到这个问题是因为我传数据库的时候

[{"mobile":"15915845461"},{"name":"红"},{"388":"某些"}] 我的格式是这样的

所以他key是动态的

另外在实践中发现了 JSON.parse()和JSON.stringify()  这两者的区别也记录下

parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'

结果:

JSON.parse(str)
Object
mobile: "15224545246"
name: "huangxiaojian"
__proto__: Object

注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常。

stringify()用于从一个对象解析出字符串,如

var a = {a:2,b:3}

结果:

JSON.stringify(a)
"{"a":2,"b":3}"

相关参考:

以上所述是小编给大家介绍的JSON中key动态设置及JSON.parse和JSON.stringify()的区别,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
基于jQuery实现的当离开页面时出现提示的实现代码
Jun 27 Javascript
js变换显示图片的实例
Apr 16 Javascript
一个JavaScript获取元素当前高度的实例
Oct 29 Javascript
node.js中的buffer.copy方法使用说明
Dec 14 Javascript
jQuery实现点击按钮文字变成input框点击保存变成文字
May 09 Javascript
微信小程序教程系列之视图层的条件渲染(10)
Apr 19 Javascript
Express下采用bcryptjs进行密码加密的方法
Feb 07 Javascript
vue 使用Jade模板写html,stylus写css的方法
Feb 23 Javascript
微信小程序云开发详细教程
May 16 Javascript
JS前端模块化原理与实现方法详解
Mar 17 Javascript
JS实现滑动拼图验证功能完整示例
Mar 29 Javascript
vue+echarts实现中国地图流动效果(步骤详解)
Jan 27 Vue.js
jQuery+HTML5实现弹出创意搜索框层
Dec 29 #Javascript
Bootstrap3 内联单选和多选框
Dec 29 #Javascript
Bootstrap3 多选和单选框(checkbox)
Dec 29 #Javascript
EasyUI学习之DataGird分页显示数据
Dec 29 #Javascript
EasyUI学习之Combobox级联下拉列表(2)
Dec 29 #Javascript
js生成随机颜色方法代码分享(三种)
Dec 29 #Javascript
js实现把图片的绝对路径转为base64字符串、blob对象再上传
Dec 29 #Javascript
You might like
php多次include后导致全局变量global失效的解决方法
2015/02/28 PHP
php变量与数组相互转换的方法(extract与compact)
2016/12/02 PHP
php对xml文件的增删改查操作实现方法分析
2017/05/19 PHP
jquery lazyload延迟加载技术的实现原理分析
2011/01/24 Javascript
让jQuery与其他JavaScript库并存避免冲突的方法
2013/12/23 Javascript
javascript中数组的多种定义方法和常用函数简介
2014/05/09 Javascript
jQuery实现点击图片翻页展示效果的方法
2015/02/16 Javascript
JavaScript实现基于十进制的四舍五入实例
2015/07/17 Javascript
JS如何实现文本框随文本的长度而增长
2015/07/30 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
2016/04/28 Javascript
最细致的vue.js基础语法 值得收藏!
2016/11/03 Javascript
利用vue-router实现二级菜单内容转换
2016/11/30 Javascript
如何快速上手Vuex
2017/02/14 Javascript
vue一步步实现alert功能
2017/07/05 Javascript
详解vue-cli下ESlint 配置说明
2018/09/03 Javascript
JavaScript定时器设置、使用与倒计时案例详解
2019/07/08 Javascript
JavaScript实现答题评分功能页面
2020/06/24 Javascript
[03:01]2014DOTA2国际邀请赛 小组赛7月13日TOPPLAY
2014/07/14 DOTA
python处理文本文件实现生成指定格式文件的方法
2014/07/31 Python
利用信号如何监控Django模型对象字段值的变化详解
2017/11/27 Python
python中利用zfill方法自动给数字前面补0
2018/04/10 Python
python中的字符串内部换行方法
2018/07/19 Python
python生成多个只含0,1元素的随机数组或列表的实例
2018/11/12 Python
python将视频转换为全字符视频
2019/04/26 Python
Django 开发调试工具 Django-debug-toolbar使用详解
2019/07/23 Python
python绘制封闭多边形教程
2020/02/18 Python
通过实例了解python__slots__使用方法
2020/09/14 Python
python连接手机自动搜集蚂蚁森林能量的实现代码
2021/02/24 Python
用CSS3绘制三角形的简单方法
2015/07/17 HTML / CSS
欧洲最大的美妆零售网站:Feelunique
2017/01/14 全球购物
WiFi云数码相框:Nixplay
2018/07/05 全球购物
SmartBuyGlasses德国:购买太阳镜和眼镜
2019/08/20 全球购物
J2EE的优越性主要表现在哪些方面
2016/03/28 面试题
合作意向书
2014/07/30 职场文书
2015年小学语文教学工作总结
2015/05/25 职场文书
2016教师节问候语
2015/11/10 职场文书