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 EasyUI API 中文文档 - Documentation 文档
Sep 29 Javascript
jQuery为动态生成的select元素添加事件的方法
Aug 29 Javascript
[原创]SyntaxHighlighter自动识别并加载脚本语言
Feb 07 Javascript
jquery拖动改变div大小
Jul 04 jQuery
全面解析vue router 基本使用(动态路由,嵌套路由)
Sep 02 Javascript
在axios中使用params传参的时候传入数组的方法
Sep 25 Javascript
记一次Vue.js混入mixin的使用(分权限管理页面)
Apr 17 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
Mar 12 Javascript
vue各种事件监听实例(小结)
Jun 24 Javascript
JavaScript数组排序的六种常见算法总结
Aug 18 Javascript
微信小程序实现转盘抽奖
Sep 21 Javascript
vue封装数字翻牌器
Apr 20 Vue.js
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批量删除数据
2007/01/18 PHP
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
2011/02/25 Javascript
Google Dart编程语法和基本类型学习教程
2013/11/27 Javascript
删除节点的jquery代码
2014/01/13 Javascript
js实现字符串的16进制编码不加密
2014/04/25 Javascript
页面加载完后自动执行一个方法的js代码
2014/09/06 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
2014/12/17 Javascript
分享15个大家都熟知的jquery小技巧
2015/12/02 Javascript
javascript和jquery实现用户登录验证
2016/05/04 Javascript
JS实现随机颜色的3种方法与颜色格式的转化
2017/01/05 Javascript
js基于myFocus实现轮播图效果
2017/02/14 Javascript
jQuery实现获取h1-h6标题元素值的方法
2017/03/06 Javascript
JavaScript 中 apply 、call 的详解
2017/03/21 Javascript
JS查找数组中重复元素的方法详解
2017/06/14 Javascript
jQuery实现对网页节点的增删改查功能示例
2017/09/18 jQuery
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
2018/04/28 Javascript
JS实现动态生成html table表格的方法分析
2018/07/11 Javascript
手写Vue弹窗Modal的实现代码
2019/09/11 Javascript
Typescript的三种运行方式(小结)
2019/09/18 Javascript
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
2020/01/14 Javascript
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
2020/08/03 Javascript
JavaScript实现五子棋小游戏
2020/10/26 Javascript
用python代码做configure文件
2014/07/20 Python
python开启多个子进程并行运行的方法
2015/04/18 Python
简单介绍Python中的decode()方法的使用
2015/05/18 Python
python创建列表和向列表添加元素的实现方法
2017/12/25 Python
Python中判断输入是否为数字的实现代码
2018/05/26 Python
查看python安装路径及pip安装的包列表及路径
2019/04/03 Python
Django对models里的objects的使用详解
2019/08/17 Python
Python3.8.2安装包及安装教程图文详解(附安装包)
2020/11/28 Python
英国最大的经认证的有机超市:Planet Organic
2018/02/02 全球购物
创先争优活动方案
2014/02/12 职场文书
毕业实习指导教师评语
2014/12/31 职场文书
清洁工个人总结
2015/03/04 职场文书
nginx常用命令放入shell脚本详解
2021/03/31 Servers
vue ant design 封装弹窗表单的使用
2022/06/01 Vue.js