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 相关文章推荐
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
Mar 10 Javascript
js弹窗代码 可以指定弹出间隔
Jul 03 Javascript
new Date()问题在ie8下面的处理方法
Jul 31 Javascript
jQuery中:gt选择器用法实例
Dec 29 Javascript
Vue.js系列之项目搭建(1)
Jan 03 Javascript
Jquery把获取到的input值转换成json
May 15 jQuery
JS设计模式之观察者模式实现实时改变页面中金额数的方法
Feb 05 Javascript
Vue+webpack+Element 兼容问题总结(小结)
Aug 16 Javascript
vue移动端html5页面根据屏幕适配的四种解决方法
Oct 19 Javascript
Vue + Element UI图片上传控件使用详解
Aug 20 Javascript
vue的hash值原理也是table切换实例代码
Dec 14 Vue.js
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
Jan 29 Javascript
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
SONY ICF-SW07收音机电路分析
2021/03/02 无线电
一个程序下载的管理程序(二)
2006/10/09 PHP
PHP nl2br函数 将换行字符转成 <br>
2009/08/21 PHP
解析wamp5下虚拟机配置文档
2013/06/27 PHP
在wamp集成环境下升级php版本(实现方法)
2013/07/01 PHP
php实现获取农历(阴历)、节日、节气的类与用法示例
2017/11/20 PHP
IE8 引入跨站数据获取功能说明
2008/07/22 Javascript
浅谈Javascript事件模拟
2012/06/27 Javascript
ajax的hide隐藏问题解决方法
2012/12/11 Javascript
jquery select多选框的左右移动 具体实现代码
2013/07/03 Javascript
js加载之使用DOM方法动态加载Javascript文件
2013/11/08 Javascript
AngularJS基础 ng-submit 指令简单示例
2016/08/03 Javascript
VueJs与ReactJS和AngularJS的异同点
2016/12/12 Javascript
JS 学习总结之正则表达式的懒惰性和贪婪性
2017/07/03 Javascript
网页中的图片查看器viewjs使用方法
2017/07/11 Javascript
js弹性势能动画之抛物线运动实例详解
2017/07/27 Javascript
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
2018/10/31 Javascript
小程序关于请求同步的总结
2019/05/05 Javascript
js实现一个简易计算器
2020/03/30 Javascript
js实现简单的秒表
2020/01/16 Javascript
VUE实时监听元素距离顶部高度的操作
2020/07/29 Javascript
开源Web应用框架Django图文教程
2017/03/09 Python
对python中array.sum(axis=?)的用法介绍
2018/06/28 Python
Python中Numpy包的安装与使用方法简明教程
2018/07/03 Python
python用opencv批量截取图像指定区域的方法
2019/01/24 Python
基于python的Paxos算法实现
2019/07/03 Python
Python实现计算长方形面积(带参数函数demo)
2020/01/18 Python
解决tensorflow添加ptb库的问题
2020/02/10 Python
WWE美国职业摔角官方商店:WWE Shop
2018/11/15 全球购物
电子技术专业中专生的自我评价
2013/12/17 职场文书
项目副经理岗位职责
2013/12/30 职场文书
试用期转正后的自我评价
2014/09/21 职场文书
党的群众路线教育实践活动对照检查剖析材料
2014/10/09 职场文书
员工自我工作评价
2015/03/06 职场文书
详解Python类和对象内容
2021/06/22 Python
分享几个实用的CSS代码块
2022/06/10 HTML / CSS