您当前的位置: 首页 >  ar

json基础+实例5(最后几个函数哈parse stringify eval)加油(后面是实例了哈)

发布时间:2020-05-03 15:12:22 ,浏览量:4

//记住,parse是字符串转换成对象,所以要先写出字符串 var str=’{“name”:“黄菊华”,“dizhi”:“浙江杭州”}’; 记住stringify函数是对象转换成字符串,所以先写出对象 var obj1={“xing”:“黄”,“ming”:“菊华”}; 核心来了,兄弟们,为什么 var str={“name”:“黄菊华”,“dizhi”:“浙江杭州”}; 不行? 因为不是标准的哦,必须是标准的才能解析哦 parse是把转换成对象的哦(JS) 记住哦,兄弟们,var str=’{“name”:“黄菊华”,“dizhi”:“浙江杭州”}’;这是字符串,写parse就这种标准写法

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JSON.parse()</title> </head> <body> <h2>使用 JSON.parse() 方法将数据转换为 JavaScript 对象</h2> <div id="demo01"></div> <script type="text/javascript"> var str='{"name":"黄菊华","dizhi":"浙江杭州"}'; var obj = JSON.parse(str); document.getElementById("demo01").innerHTML= obj.name; </script> </body> </html> 

在这里插入图片描述

核心是:这个函数是转换成字符串的哈。跟上面哪一个正好相反!!! 记住,兄弟们,这个函数是转换成·字符串的函数, 用 var obj1=’{“xing”:“黄”,“ming”:“菊华”}’;不行,为什么,因为这本来就是字符串啊,记住了,这个函数要转必须要对象的,也即是这样 var obj1={“xing”:“黄”,“ming”:“菊华”}; 记住啊。 对象什么是对象。这就是啊 var obj1={“xing”:“黄”,“ming”:“菊华”}; 看东西要看完啊,兄弟们!!!

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body> <h2>JSON.stringify1-json转字符串</h2> <div id="demo01"></div> <div id="demo02"></div> <script type="text/javascript"> var obj1={"xing":"黄","ming":"菊华"}; var obj2=["黄","菊","华"]; var j1=JSON.stringify(obj1) document.getElementById("demo01").innerHTML = j1; var j2=JSON.stringify(obj2) document.getElementById("demo02").innerHTML = j2; </script> </body> </html> 

在这里插入图片描述

在JS中将JSON的字符串解析成JSON数据格式eval函数 核心:为什么要 eval这里要添加( “(”+ str + “)” );呢?

var obj=eval( “(”+ str + “)” );//转换为json对象

为什么eval这里要添加( “(”+ str + “)” )呢?

原因在于:eval本身的问题。 由于json是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。(意思是{}是对象得执行,不是把他当做语句块啊,懂?语句块他就不是对象啦)

加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式转化为对象,而不是作为语句来执行。我说的没错把,兄dei

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>1.4-JSON 数组02-对象中的数组</title> </head> <body> <h2>JSON 数组02-对象中的数组</h2> <div id="demo01"></div> <script type="text/javascript"> var str='{"xing":"黄","ming":"菊华"}'; var obj=eval( "("+ str + ")" ); document.getElementById("demo01").innerHTML=obj.xing; </script> </body> </html> 
关注
打赏
1688896170
查看更多评论

暂无认证

  • 4浏览

    0关注

    109966博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文
立即登录/注册

微信扫码登录

0.0481s