解析Json字符串的三种方法日常常用


Posted in Javascript onMay 02, 2018

在很多时候,我们的需要将类似 json 格式的字符串数据转为json,

下面将介绍日常中使用的三种解析json字符串的方法

 1.首先,我们先看一下什么是 json 格式字符串数据,很简单,就是 json 字符串化,在json 最外加单/双号变为字符串数据     

var str='{"name":"Mike","sex":"女","age":"29"}';
 var t2="[{name:'lisi',age:'30'},{name:'wangwu',age:'16'},{name:'tianqi',age:'7'}] ";

  2.我们用Object.prototype.toString.call() 来检测数据类型

console.log(Object.prototype.toString.call(str));//[object String]
 console.log(Object.prototype.toString.call(t2));//[object String]

第一种方法:evel();

   特点:安全性底,不建议使用,单个JSON对象时要加括号,JSON数组就不需要了

      示例:

var evajson =eval('('+str+')');
var evajsarr = eval(t2);

  转换后,再使用Object.prototype.toString.call() 来检测转换后的数据类型

console.log(Object.prototype.toString.call(evajso))//[object Object]
console.log(Object.prototype.toString.call(evajsarr))//[object Array]

第二种:new Function() 

 注意:函数要有返回,所以要加“return”;

 示例:

var fnjson = new Function("return"+str)();
 var fnjsonArr = new Function("return"+t2)();

 转换后,再使用Object.prototype.toString.call() 来检测转换后的数据类型

console.log(Object.prototype.toString.call(fnjson ))//[object Object]
console.log(Object.prototype.toString.call(fnjsonArr ))//[object Array]

第三种:JSON.parse()

特点:主流,兼容性好,推荐

 示例:

var parjson = JSON.parse(str); 
 var parjson = JSON.parse(t2);

检测转后的数据类型

console.log(Object.prototype.toString.call(parjson ))//[object Object]
 console.log(Object.prototype.toString.call(parjson ))//[object Array]

总结

以上所述是小编给大家介绍的解析Json字符串的三种方法日常常用,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
基于JQuery的日期联动实现代码
Feb 24 Javascript
js切换div css注意的细节
Dec 10 Javascript
JavaScript字符串插入、删除、替换函数使用示例
Jul 25 Javascript
简单的Jquery全选功能
Nov 07 Javascript
js sort 二维数组排序的用法小结
Jan 24 Javascript
浅谈类似于(function(){}).call()的js语句
Mar 30 Javascript
jQuery实现每隔几条元素增加1条线的方法
Jun 27 Javascript
AngularJS入门教程之数据绑定用法示例
Nov 01 Javascript
微信小程序多张图片上传功能
Jun 07 Javascript
mongoose设置unique不生效问题的解决及如何移除unique的限制
Nov 07 Javascript
浅谈Vue Element中Select下拉框选取值的问题
Mar 01 Javascript
vue实现数据控制视图的原理解析
Jan 07 Javascript
使用vue-cli创建项目的图文教程(新手入门篇)
May 02 #Javascript
vue中的模态对话框组件实现过程
May 01 #Javascript
vue如何通过id从列表页跳转到对应的详情页
May 01 #Javascript
使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件(推荐)
May 01 #Javascript
不使用JavaScript实现菜单的打开和关闭效果demo
May 01 #Javascript
如何获取TypeScript的声明文件.d.ts
May 01 #Javascript
Vue项目中使用Vux的安装过程
May 01 #Javascript
You might like
php环境配置之CGI、FastCGI、PHP-CGI、PHP-FPM、Spawn-FCGI比较?
2011/10/17 PHP
php将session放入memcached的设置方法
2014/02/14 PHP
关于PHP 如何用 curl 读取 HTTP chunked 数据
2016/02/26 PHP
ThinkPHP实现更新数据实例详解(demo)
2016/06/29 PHP
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
Yii框架中使用PHPExcel的方法分析
2019/07/25 PHP
php 多个变量指向同一个引用($b = &$a)用法分析
2019/11/13 PHP
jquery 指南/入门基础
2007/11/30 Javascript
js控制的回到页面顶端goTop的代码实现
2013/03/20 Javascript
Backbone.js中的集合详解
2015/01/14 Javascript
Jquery 实现checkbox全选方法
2015/01/28 Javascript
浅谈json取值(对象和数组)
2016/06/24 Javascript
功能强大的Bootstrap使用手册(一)
2016/08/02 Javascript
AngularJS用户选择器指令实例分析
2016/11/04 Javascript
jQuery事件与动画基础详解
2017/02/23 Javascript
JS实现动态给标签控件添加事件的方法示例
2017/05/13 Javascript
分享Bootstrap简单表格、表单、登录页面
2017/08/04 Javascript
element-ui使用导航栏跳转路由的用法详解
2018/08/22 Javascript
jQuery zTree树插件的使用教程
2019/08/16 jQuery
Vue实现todo应用的示例
2021/02/20 Vue.js
[59:07]海涛为你详解DOTA2新版本“贤哲秘契”
2014/11/22 DOTA
[01:14]DOTA2 7.22版本新增神杖效果展示(智力英雄篇)
2019/05/29 DOTA
Python操作MySQL数据库9个实用实例
2015/12/11 Python
python3 flask实现文件上传功能
2020/03/20 Python
Python+PyQt5实现美剧爬虫可视工具的方法
2019/04/25 Python
pandas取出重复数据的方法
2019/07/04 Python
python内置模块collections知识点总结
2019/12/19 Python
css3一个简易的 LED 数字时钟实现方法
2020/01/15 HTML / CSS
意大利巧克力店:Chocolate Shop
2019/07/24 全球购物
大学校庆邀请函
2014/01/11 职场文书
大学生军训广播稿
2014/01/24 职场文书
酒店总经理职务说明书
2014/02/26 职场文书
医院保洁服务方案
2014/06/11 职场文书
医生行业员工的辞职信
2019/06/24 职场文书
pytorch实现手写数字图片识别
2021/05/20 Python
MySQL 亿级数据导入导出及迁移笔记
2021/06/18 MySQL