js中json处理总结之JSON.parse


Posted in Javascript onOctober 14, 2016

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

踩过的坑都将成为路上的风景。

队友在cookie中已存以下值:

address_info {"address_name":"人民大会堂","...lng":1,"address_lat":1}

仔细观摩,并无发现任何不妥,只是一种简简单单的json格式字符串而已。

但在前台调用时,百试不爽,屡屡出错,错误代码如下,一直显示undefined

var address_info = getCookie('address_info');
console.log(address_info.address_name);//undefined
...

充电之后

...

加上JSON.parse()处理后,完美解决

var address_info = JSON.parse(address_info);
console.log('address_info:'+address_info);//人民大会堂

相关学习:

JSON.parse() 方法将一个 字符串解析成一个 JSON 对象。在解析过程中,还可以选择性的修改某些属性的原始解析值.

JSON.stringify() 方法可以将任意的 JavaScript 值序列化成 JSON 字符串。若转换的函数被指定,则被序列化的值的每个属性都会经过该函数的转换和处理;若转换的数组被指定,只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中。

Javascript 相关文章推荐
javascript textContent与innerText的异同分析
Oct 22 Javascript
JsDom 编程小结
Aug 09 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
Apr 12 Javascript
JQuery判断子iframe何时加载完成解决方案
Aug 20 Javascript
js禁止页面复制功能禁用页面右键菜单示例代码
Aug 29 Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 Javascript
Bootstrap响应式侧边栏改进版
Sep 17 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
Dec 05 Javascript
jquery实现提示语淡入效果
May 05 jQuery
在vue项目中,将juery设置为全局变量的方法
Sep 25 Javascript
JS中的函数与对象的创建方式
May 12 Javascript
vue路由跳转传递参数的方式总结
May 10 Javascript
Bootstrap优化站点资源、响应式图片、传送带使用详解3
Oct 14 #Javascript
D3.js封装文本实现自动换行和旋转平移等功能
Oct 14 #Javascript
D3.js实现文本的换行详解
Oct 14 #Javascript
Bootstrap企业网站实战项目4
Oct 14 #Javascript
Bootstrap在线电子商务网站实战项目5
Oct 14 #Javascript
纯JS打造网页中checkbox和radio的美化效果
Oct 13 #Javascript
angularjs 中$apply,$digest,$watch详解
Oct 13 #Javascript
You might like
PHP+MYSQL开发工具及资源收藏
2007/01/02 PHP
用PHP书写安全的脚本代码
2012/02/05 PHP
php字符串按照单词进行反转的方法
2015/03/14 PHP
php调用自己java程序的方法详解
2016/05/13 PHP
JS DOM 操作实现代码
2010/08/01 Javascript
实现web打印的各种方法介绍及实现代码
2013/01/09 Javascript
jcrop基本参数一览
2013/07/16 Javascript
javascript学习笔记(七)Ajax和Http状态码
2014/10/08 Javascript
基于jQuery实现下拉框
2014/11/24 Javascript
详解Vue 实例中的生命周期钩子
2017/03/21 Javascript
JS创建Tag标签的方法详解
2017/06/09 Javascript
实例解析ES6 Proxy使用场景介绍
2018/01/08 Javascript
vue js秒转天数小时分钟秒的实例代码
2018/08/08 Javascript
浅谈react性能优化的方法
2018/09/05 Javascript
node+express框架中连接使用mysql(经验总结)
2018/11/10 Javascript
详解vue-cli中使用rem,vue自适应
2019/05/06 Javascript
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
2019/06/06 jQuery
JS开发 富文本编辑器TinyMCE详解
2019/07/19 Javascript
使用React代码动态生成栅格布局的方法
2020/05/24 Javascript
javascript实现移动端红包雨页面
2020/06/23 Javascript
[02:06]2018完美世界全国高校联赛秋季赛开始报名(附彩蛋)
2018/09/03 DOTA
Python pass 语句使用示例
2014/03/11 Python
python中反射用法实例
2015/03/27 Python
Python爬虫设置代理IP(图文)
2018/12/23 Python
python关于调用函数外的变量实例
2019/12/26 Python
如何使用python实现模拟鼠标点击
2020/01/06 Python
解析PyCharm Python运行权限问题
2020/01/08 Python
Python连接SQLite数据库并进行增册改查操作方法详解
2020/02/18 Python
Python通过fnmatch模块实现文件名匹配
2020/09/30 Python
html5配合css3实现带提示文字的输入框(摆脱js)
2013/03/08 HTML / CSS
canvas绘图按照contain或者cover方式适配并居中显示
2019/02/18 HTML / CSS
what is the difference between ext2 and ext3
2013/11/03 面试题
园林资料员岗位职责
2013/12/30 职场文书
感恩老师主题班会
2015/08/12 职场文书
导游词之安徽巢湖
2019/12/26 职场文书
Python机器学习算法之决策树算法的实现与优缺点
2021/05/13 Python