js中json.stringify()与json.parse()与eval()详解及使用案例

smallstrange smallstrange     2022-12-04     300

关键词:

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。因为采用独立于语言的文本格式,也使用了类似于C语言家族的习惯,拥有了这些特性使使JSON称为理想的数据交换语言,作用是易于阅读和编写,同时也易于机器解析和生成(一般用于网络传输速率)。

 

(1)JSON.parse函数 

  作用:将json字符串转换成json对象。

语法:JSON. parse(text[,reviver]).

参数:text  必须;一个有效的json字符串。

reviver  可选。

返回值:一个对象或数组。

example:

 技术图片

(2)JSON.stringify()函数 

作用:将json对象转换成json字符串。

语法:JSON.stringify(value [, replacer] [, space]) 

参数:value  必须;通常为对象或数组。

replacer 可选,用于转换结果的函数或者数组。

space 可选。向返回值 JSON 文本添加缩进、空格和换行符以使其更易于读取。 

返回值:一个包含JSON文本的字符串。

example:

技术图片 

(3) eval()函数

作用:eval()函数可计算某个字符串,并执行其中的javascript表达式或要执行的语句。

语法:eval(string)

参数: string  必须,需要计算的字符串,其中含有要计算的javascript表达式或要执行的语句。

返回值:返回计算string的值,没有的话不做任何改变返回。

example:

 技术图片

使用eval()函数也可以将JSON字符串解析为对象,这个功能能完成JSON.parse()的功能,但是有不一样的地方,请看下面代码 :

技术图片 

不知道大家有木有注意到eval()还要用一对圆括号将字符串包起来,对此我寻找到比较好的解释就是: 

原因:归结于eval本身的问题,由于json是以””的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。 

  解决方法:加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执                 行。举一个例子,例如对象字面量,如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么将会被认为是执行了一句空语                 句。请看下列例子的不同:

技术图片 

 

 ======================================下面举一个在实际开发中的小例子================================

一:组合参数 

  技术图片

二:传递参数

技术图片

三 :解析参数

技术图片 

 

最后附上js中获取URL参数的共通方法getRequest()方法:

getRequest : function()   

var url = location.search; //获取url中"?"符后的字串

var theRequest = new Object();

if (url.indexOf("?") != -1)

var str = url.substr(1);

strs = str.split("&");

for(var i = 0; i < strs.length; i ++)

theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);

return theRequest;

json.parse()与json.stringify()的区别

JSON.parse()与JSON.stringify()的区别JSON.parse()【从一个字符串中解析出json对象】例子://定义一个字符串vardata=‘{"name":"goatling"}‘//解析对象??JSON.parse(data)结果是:?name:"goatling"JSON.stringify()【从一个对象中解析出字符串】vardata={name:‘go... 查看详情

json.parse()与json.stringify()的区别

...tling"}‘//解析对象??JSON.parse(data)结果是:?name:"goatling"JSON.stringify()【从一个对象中解析出字符串】vardata={name:‘goatling‘}JSON.stringify(data)结果是:‘{"nam 查看详情

data-* 属性中的 encodeURIComponent() 与 JSON.stringify()

】data-*属性中的encodeURIComponent()与JSON.stringify()【英文标题】:encodeURIComponent()vsJSON.stringify()indata-*attribute【发布时间】:2014-10-1004:39:07【问题描述】:我想使用数组作为data-*属性,并且很多***答案建议我应该使用JSON.stringify();Howt... 查看详情

js中json.stringify()方法,将js对象转换成字符串,传入服务器

...在向服务器发送数据时一般是字符串。我们可以使用JSON.stringify()方法将JavaScript对象转换为字符串。语法JSON.stringify(value[,replacer[,space]])参数说明:value:必需,要转换的JavaScript值(通常为对象或数组)。replacer:可选。用于转换结... 查看详情

json.stringify()方法的原生js实现

...拼接。可直接在浏览器运行如下代码运行结果本文的JSON.stringify()方法的原生JS实现属于对javascript灵活应用的基本功。实现思路来自于笔者平日的工作与思考的总结。希望大家都能掌握以便在面试中脱颖而出。有需要前端学习资... 查看详情

js解析与序列化json数据(一)json.stringify()的基本用法

...进行了规范,定义了全局对象JSON。JSON对象有两个方法:stringify()和parse()。在最简单的情况下,这两个方法分别用于把JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript。例如:新建一个HTML:代码如下:复制代码... 查看详情

Fabric.js:有啥方法可以在 JSON.stringify(canvas) 生成的 Json 中保存 url 而不是 svg 图像的路径?

】Fabric.js:有啥方法可以在JSON.stringify(canvas)生成的Json中保存url而不是svg图像的路径?【英文标题】:Farbic.js:IsthereanywaytosaveurlinsteadofpathsofsvgimageintheJsongeneratedbyJSON.stringify(canvas)?Fabric.js:有什么方法可以在JSON.stringify(canvas)生成的... 查看详情

在 JSON.stringify 中使用变量

】在JSON.stringify中使用变量【英文标题】:useavariableinJSON.stringify【发布时间】:2014-03-0915:22:13【问题描述】:我在我的节点restful服务器中使用stringify来提供数据:answer=JSON.stringify(activities:result,null,\'\\t\');returnanswer其中result是一... 查看详情

js中解析json时候的eval和$.parsejson()的区别以及json.stringify()

1.第一个区别是:安全性    json格式非常受欢迎,而解析json的方式通常用JSON.parse()但是eval()方法也可以解析,这两者之间有什么区别呢?   JSON.parse()之可以解析json格式的数据,并且会对要解析的字符串... 查看详情

js中解析json对象:json.parse()用于从一个字符串中解析出json对象,json.stringify()用于从一个对象解析出字符串。

JSON.parse()用于从一个字符串中解析出json对象。varstr=‘{"name":"huangxiaojian","age":"23"}‘;JSON.parse(str);//age:"23"name:"huangxiaojian"2、JSON.stringify()用于从一个对象解析出字符串。vara={a:1,b:2};JSON.stringify(a);//"{"a":1,"b" 查看详情

json.parse()与json.stringify()

...每个属性名都必须用双引号,否则会抛出异常。 JSON.stringify将JSON对象转换为字符串vara={a:1,b:2}JSON.s 查看详情

TypeError: JSON.stringify(...).then 不是一个函数 - React JS

】TypeError:JSON.stringify(...).then不是一个函数-ReactJS【英文标题】:TypeError:JSON.stringify(...).thenisnotafunction-ReactJS【发布时间】:2020-04-1705:49:41【问题描述】:我正在尝试将我的react应用程序与登录页面的后端连接起来。我正在使用承... 查看详情

js数组转换成json串(json.stringify)

例如:var giftlist[1490011777]=[];giftlist[1490011777][‘id‘]= 1490011777;giftlist[1490011777][‘name‘]= "礼包测试";giftlist[1490011777][‘desc‘]= "详情"; 转换json串varjsonStr=JSON.stringify 查看详情

将 JSON.stringify 与 TypeScript getter/setter 结合使用

】将JSON.stringify与TypeScriptgetter/setter结合使用【英文标题】:UsingJSON.stringifyinconjunctionwithTypeScriptgetter/setter【发布时间】:2017-02-2602:07:00【问题描述】:我在TypeScript中使用getter/setter访问器。由于变量和方法不可能有相同的名称,... 查看详情

Node.js JSON.stringify() 在输出中导致“。无法使用 Jquery 解析

】Node.jsJSON.stringify()在输出中导致“。无法使用Jquery解析【英文标题】:Node.jsJSON.stringify()causing&quot;inoutput.Can\'tparsewithJquery【发布时间】:2012-06-2405:41:35【问题描述】:我正在使用Node.js(与Express.js)将JSON数据对象从服务器传... 查看详情

json.parse()与json.stringify()

JSON.parse()方法用来解析JSON字符串,构造由字符串描述的JavaScript值或对象。提供可选的reviver函数用以在返回之前对所得到的对象执行变换(操作)。语法JSON.parse(text[,reviver])参数text要被解析成JavaScript值的字符串,查看JSON对象学习... 查看详情

text[stringify循环json对象]#js#json#stringify#cyclic#object(代码片段)

查看详情

json.stringify,json.parse方法

varobj={name:‘zhangsan‘,age:‘18‘};/**js对象--->JSON字符串*JSON.stringify(js对象)--转化为-->JSON字符串**/console.log(obj);//Object{name:"zhangsan",age:"18"}console.log(JSON.stringify(obj));//{"name":"zhangsan 查看详情