两种方式都可以解析json字符串,不过有时候JSON.parse解析会失败,失败原因有多种,下面会指出一种。

JSON.parse()解析json格式的数据,会对要解析的字符串进行格式检查,如果格式不正确则不进行解析,

eval()则可以解析任何字符串,但是eval是不安全的(不安全原因在下面)。

注意:某些低级的浏览器尚不支持JSON.parse(),可以到 https://github.com/douglascrockford/JSON-js/blob/master/json2.js 下载。

使用eval函数,解析json字符串

var dataObj = eval(“(“+json+”)”);

加上圆括号的目的是,迫使eval函数在处理JavaScript代码时,强制将括号内的表达式(expression)转化为对象,而

不是作为语句(statement)来执行。

注意:使用eval函数解析JSON是一种很不安全的方式,能不用最好就不用,原因是eval不但可以解析JSON字符串,还会执行其中的代码块(如果有的话)

使用JSON.parse()方法解析 

var dataObj = JSON.parse(json);

注意:JSON.parse()又是對字符串的真实含义进行解析,要表示 \ 必須要用"\\\\"表示。

使用JSON.parse()解析会报错的一种情况:

  var Student = {
age: "20",
sex:"male"
};
//错误做法
alert(JSON.parse(Student).age);//JSON.parse()不能直接解析对象 //正确做法
var jsonStr=JSON.stringify(Student);
alert(JSON.parese(jsonStr).age);

有时候

题外话:

JSON是Javascript原生格式,这意味着在javascript中处理JSON数据不需要任何特殊的API或工具包,而且效率非常高。

 

JSON.stringify

作用:用于序列化对象,可以理解为把对象类型或者字符串类型转换为JSON类型字符串

语法:JSON.stringify(value,[,replacer][,space])
value:必选,要输出的对象
replacer:可选,过滤器,有两种情况,一种是方法,一种是数组,具体看示例
方法:把序列化后的每个对象传递到方法里面进行处理,
数组:如果前面要转换的是一个对象,如{name:"zhang",age:"20"},则在数组包含的该key的元素会被筛选出来
space:可选,使用什么来分割,具体看示例
示例:

/*
* 只有第一个参数
*/
var Student = {
age: "20",
sex:"male"
};
//stringify()用于从一个对象解析出字符串
var jsonString = JSON.stringify(Student);
alert(jsonString); var person = new Object();
person.name = "xiao wang";
person.age = "20";
person.location = "china";
var personjson = JSON.stringify(person);
alert(personjson); /*
* 有两个参数,第一个参数是对象,第二个参数是数组
*/
var person = new Object();
person.name = "xiao wang";
person.age = "20";
person.location = "china"; var filter = ["name"]; var personjson = JSON.stringify(person,filter);
alert(personjson);
/*
* 有两个参数,第一个参数是数组,第二个参数是数组(计算结果是第二个参数忽略)
*/
var person = ["zhangsan", "20", "male", "china"];
var filter = ["zhangsan", "china"];
var jsonperson = JSON.stringify(person, filter);
alert(jsonperson); /*
* 有两个参数,第一个参数是数组,第二个参数是函数
*/
function switchUpper(key, value) {
return value.toString().toUpperCase();
}
var person = ["zhangsan", "20", "male", "china"]; var jsonperson = JSON.stringify(person, switchUpper);
alert(jsonperson); /*
*有两个参数,第一个参数是对象,第二个参数是函数
*/
var person = new Object();
person.name = "xiao wang";
person.age = "20";
person.location = "china"; var jsonperson = JSON.stringify(person, function (key, value) {
switch (key) {
case "name":
return "zhang";
default:
return value;
}
});
alert(jsonperson); /*
* 有三个参数,如果省略的话,那么显示出来的值就没有分割符,
* 如果是数组的话,那么它定义缩进的字符,如果大于10,则最多显示10个
* 如果是一些转义字符,如"\t",表示回车,那么它每一行一个回车
* 如果仅仅是字符串,就在每行输出值得时候把这些字符串附加上去,当然最大长度是10个字符
*/
//空格
var person = ["name", "age", "sex", "location"];
var jsonperson = JSON.stringify(person, null, 20);
alert(jsonperson);
//字符
var person = ["name", "age", "sex", "location"];
var jsonperson = JSON.stringify(person, null, "hi");
alert(jsonperson);

上面的例子复制自文章:

标题:eval、JSON.parse和JSON.stringify;

地址:http://blog.csdn.net/u011872945/article/details/38664405

JSON.parse与eval区别的更多相关文章

  1. JSON.parse()和eval()区别

    JSON.parse()只会将标准的Json字符串(key和value都由双引号引起来,最外面用单引号括住)转为JSON对象. eval()在转换字符串的时候是比较松的,即使不是标准的Json字符串也 ...

  2. JSON.parse与eval的区别

    JSON.parse与eval和能将一个字符串解析成一个JSON对象,但还是有挺大区别. 测试代码 var A = "{ a: 1 , b : 'hello' }"; var B ...

  3. JSON.parse和eval的区别

    JSON.parse和eval的区别 JSON(JavaScript Object Notation)是一种轻量级的数据格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是Jav ...

  4. JSON.parse()和eval()的区别

    json格式非常受欢迎,而解析json的方式通常用JSON.parse()但是eval()方法也可以解析,这两者之间有什么区别呢? JSON.parse()之可以解析json格式的数据,并且会对要解析 ...

  5. JSON.stringify()、JSON.parse()和eval(string)

    1.JSON.stringify()用于从一个对象解析出字符串,eg: var obj = {"name":"奔跑的蜗牛","age":&q ...

  6. 用JSON.parse和eval出现的问题

    json格式非常受欢迎,而解析json的方式通常用JSON.parse()但是eval()方法也可以解析,这两者之间有什么区别呢? JSON.parse()之可以解析json格式的数据,并且会对要解析 ...

  7. JS中JSON.parse和eval的异同

    1.相同点 JSON.parse和eval函数都可将一段json字符串转换为json对象,如: var json = '{"intro":[{"name":&q ...

  8. JSON.parse与eval

    文章:JSON.parse 与 eval() 对于解析json的问题 json的标准格式:{"name":"jobs"}   名字和值都必须用双引号引起来.

  9. javascript JSON.parse和eval的区别

    SON.parse()用来将标准json字符串转换成js对象:eval()除了可以将json字符串(非标准的也可以,没有JSON.parse()要求严格)转换成js对象外还能用来动态执行js代码.例如 ...

随机推荐

  1. ubuntu中wine下安装QQ

    原文:http://jingyan.baidu.com/article/359911f55da27057fe0306d8.html 可以把win改成最新版

  2. 使用Intellij IDEA搭建一个简单的Maven项目

    IntelliJ IDEA是Java最优秀的开发工具,它功能全面,提示比较智能,开发界面炫酷,新技术支持的比较迅速. 我使用了Eclipse快10年了,IntelliJ IDEA这么好用必须要试一试. ...

  3. vue之导入Bootstrap和Jquery

    Vue引入bootstrap主要有两种方法 方法一:在main.js中引入,此方法导入的bootstrap中对于html,body的一些预设置的css样式可能无效. 一.引入jQuery 在当前项目的 ...

  4. JS核心

    JS核心 1.实例化对象 objectName = new objectType (param1 [,param2] ...[,paramN]) 参数  objectName 新对象实例的名称. ob ...

  5. Android ScrollView嵌套RecyclerView导致在三星s8曲面屏显示不全问题

    当RecyclerView适配显示不全时可以单独给其嵌套一个相对布局!!!(必须是相对布局),这样在曲面屏手机就可以全部显示出来如下图所示 <RelativeLayout android:lay ...

  6. Android线程池(转)

    .前言 转载请注明出处:http://blog.csdn.net/seu_calvin/article/details/52415337 使用线程池可以给我们带来很多好处,首先通过线程池中线程的重用, ...

  7. UIButton zoomin pressed

    // Scale up on button press - (void) buttonPress:(UIButton*)button { button.transform = CGAffineTran ...

  8. ActiveAndroid问题no such table解决总结

     android.database.sqlite.SQLiteException: no such table  at android.database.sqlite.SQLiteConnection ...

  9. Robot Framework(十) 执行测试用例——测试执行

    3.2测试执行 本节描述如何执行从解析的测试数据创建的测试套件结构,如何在失败后继续执行测试用例,以及如何正常停止整个测试执行. 3.2.1执行流程 执行套房和测试 设置和拆卸 执行顺序 3.2.2继 ...

  10. ftl-server静态资源服务器

    ftl-server 是一前端开发工具,支持解析freemarker模板,模拟后端接口,反向代理等功能. 特性 解析freemarker模板 静态资源服务 mock请求 代理请求 livereload ...