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 相关文章推荐
JQuery each打印JS对象的方法
Nov 13 Javascript
jQuery响应enter键的实现思路
Apr 18 Javascript
使用postMesssage()实现跨域iframe页面间的信息传递方法
Mar 29 Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
Aug 02 Javascript
JavaScript实现时间表动态效果
Jul 15 Javascript
JS实现页面内跳转的简单代码
Sep 03 Javascript
单线程JavaScript实现异步过程详解
May 19 Javascript
浅谈vue的第一个commit分析
Jun 08 Javascript
js轮播图之旋转木马效果
Oct 13 Javascript
JavaScript实现弹出窗口效果
Dec 09 Javascript
javascript实现下拉菜单效果
Feb 09 Javascript
JavaScript控制台的更多功能
Apr 28 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和XSS跨站攻击的防范
2007/04/17 PHP
php使用curl_init()和curl_multi_init()多线程的速度比较详解
2018/08/15 PHP
js的闭包的一个示例说明
2008/11/18 Javascript
最新的10款jQuery内容滑块插件分享
2011/09/18 Javascript
js split 的用法和定义 js split分割字符串成数组的实例代码
2012/05/13 Javascript
JavaScript自执行闭包的小例子
2013/06/29 Javascript
JS实现关键字搜索时的相关下拉字段效果
2014/08/05 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
2015/02/25 Javascript
javascript异步处理工作机制详解
2015/04/13 Javascript
基于jQuery实现点击列表加载更多效果
2016/05/31 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
2016/06/21 Javascript
js 上传文件预览的简单实例
2016/08/16 Javascript
canvas实现图像布局填充功能
2017/02/06 Javascript
Bootstrap导航简单实现代码
2017/03/06 Javascript
JavaScript Canvas绘制圆形时钟效果
2020/08/20 Javascript
JavaScript引用类型Date常见用法实例分析
2018/08/08 Javascript
vue如何自动化打包测试环境和正式环境的dist/test文件
2019/06/06 Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
2019/12/04 Javascript
[01:04:35]2018DOTA2亚洲邀请赛 4.3 突围赛 Secret vs VG 第一场
2018/04/04 DOTA
Python中的自定义函数学习笔记
2014/09/23 Python
Python MySQLdb模块连接操作mysql数据库实例
2015/04/08 Python
Python中的localtime()方法使用详解
2015/05/22 Python
Python使用pip安装报错:is not a supported wheel on this platform的解决方法
2018/01/23 Python
python3.5 email实现发送邮件功能
2018/05/22 Python
python 读取dicom文件,生成info.txt和raw文件的方法
2019/01/24 Python
机器学习实战之knn算法pandas
2019/06/22 Python
python如何建立全零数组
2020/07/19 Python
python获取linux系统信息的三种方法
2020/10/14 Python
Python爬虫过程解析之多线程获取小米应用商店数据
2020/11/14 Python
分享8款纯CSS3实现的搜索框功能
2017/09/14 HTML / CSS
使用before和:after伪类制作css3圆形按钮
2014/04/08 HTML / CSS
Elemis美国官网:英国的第一豪华护肤品牌
2018/03/15 全球购物
The Hut英国:英国领先的豪华在线百货商店
2019/07/26 全球购物
FirstCry阿联酋儿童和婴儿产品网上购物:FirstCry.ae
2021/02/22 全球购物
毕业典礼主持词
2015/06/29 职场文书
Python数据可视化之绘制柱状图和条形图
2021/05/25 Python