JS 中json解析和构造详解eval、JSON.stringify、JSON.parse

最新推荐文章于 2024-04-10 18:24:39 发布
最新推荐文章于 2024-04-10 18:24:39 发布
阅读量601 收藏
点赞数
分类专栏： ReactJs 文章标签： js json eval parse

函数构造定义法返回 

var strJSON = "{name:'json name'}";//得到的JSON
var obj = new Function("return" + strJSON)();//转换后的JSON对象
alert(obj.name);//json name



js中著名的eval函数 

var strJSON = "{name:'json name'}";//得到的JSON
var obj = eval( "(" + strJSON + ")" );//转换后的JSON对象
alert(obj.name);//json name
注意：对象表达式{'name':'json name'}必须用“（）”扩住，否则
var strJSON = "{name:'json name'}";
var obj = eval(strJSON);
alert(obj.constructor);//String 构造函数
alert(obj.name);//undefine
必须把对象表达式扩起来eval执行才能生成一个匿名对象!


JSON.stringify方法

作用：这个函数的作用主要是为了系列化对象的。  
        可能有些人对系列化这个词过敏，我的理解很简单。就是说把原来是对象的类型转换成字符串类型（或者更确切的说是json类型的）。就这么简单。打个比方说，你有一个类，那么你可以通过这个方法转换成相应的json类型的。
语法：  
JSON.stringify(value [, replacer] [, space]) 
value：是必须要的字段。就是你输入的对象，比如数组啊，类啊等等。 
replacer：这个是可选的。它又分为2种方式，一种是方法，第二种是数组。 
情况一：我们先说数据，通过我们后面的实验可以知道，它是和第一个有关系的。一般来说，我们系列化后的结果是通过键值对来进行表示的。 
比如说： 
name:"lan",age:25 
所以，如果这种形式的话，如果第二个的值在第一个存在，那么的话就以第二个的值做key，第一个值为value进行表示，如果不存在，sorry，忽略。【是不是有点抽象，我也这么觉得，不过你等一下看实验 就OK了。。呼呼。】 
情况二：如果是方法，那很简单，就是说把系列化后的每一个对象（记住 是每一个）传进方法里面进行处理。 
space：很好理解，用什么来做分隔符的。 
1.如果省略的话，那么显示出来的值 就没有分隔符。直接输出来 
2.如果是一个数字的话，那么它就定义缩进几个字符，当然 如果大于10 ，则最大值为10. 
3.如果是一些转义字符，比如“\t”，表示回车，那么它每行一个回车。 
4.如果仅仅是字符串，OK，就在每行输出值的时候把这些字符串附加上去就OK。当然，最大长度也是10个字符。 
开始用实例说明；  
1.只有一个参数的情况下：   
var student = new Object();  
student.name = "Lanny";  
student.age = "25";  
student.location = "China";  
var json = JSON.stringify(student);  
alert(student);

结果如下: 

有些人可能会怀疑JSON.stringify的作用，OK。那假如，我们不要这个函数。代码下面的样子：   
var student = new Object();  
student.name = "Lanny";  
student.age = "25";  
student.location = "China";  

// var json = JSON.stringify(student);  
alert(student);

　恭喜你 得到的结果是： 

2.第二个参数存在，并且第二个参数还是function的时候  

var students = new Array() ;  
students[0] = "Lanny";  
students[1] = "dong";  
students[2] = "I love you";  
var json = JSON.stringify(students,switchUpper);  
function switchUpper(key, value) {  
return value.toString().toUpperCase();  
}  
alert(json);  

//var json = JSON.stringify(students, function (key,value) {  
//return value.toString().toUpperCase();  
//});
　上面的方法也可以换成下面的，2个都是一样，只是写法有那么一点点的不一样而已。 
　得到结果如下： 

3.第二个参数存在，并且第二个参数不是function，而是数组的时候。 
3.1 【误区】如果第一个参数是数组，第二个参数也是数组的话，只显示第一个参数的值。 
比如： 

var students = new Array() ;  
students[0] = "Lanny";  
students[1] = "dong";  
students[2] = "I love you";  
var stu = new Array();  
stu[0] = "1";  
stu[1] = "2";  
var json = JSON.stringify(students,stu);  
alert(json);
得到的结果就是： 

第二个被忽略了，只是第一个被系列化了。 

3.2 如果第一个是对象（这里说的对象就像在C#里面可以进行new的），第二个是数组的。 

那么如果第二个的value在第一个存在，那么的话就以第二个的值做key，第一个值为value进行表示   
var student = new Object();  
student.qq = "5485891512";  
student.name = "Lanny";  
student.age = 25;  

var stu = new Array();  
stu[0] = "qq";  
stu[1] = "age";  
stu[2] = "Hi";//这个student对象里不存在。  

var json = JSON.stringify(student,stu);  
alert(json);

　得到的结果如下： 

因为stu[2] = "Hi";这个Hi 在第一个找不到，所以就不进行显示了。 

4.第三个参数 

4.1.如果省略的话，那么显示出来的值 就没有分隔符。直接输出来 

比如：  
var student = new Object();  
student.qq = "5485891512";  
student.name = "Lanny";  
student.age = 25;  

var stu = new Array();  
stu[0] = "qq";  
stu[1] = "age";  
stu[2] = "Hi";  

var json = JSON.stringify(student,stu);  
alert(json);

　输出的就是： 

4.2.如果是一个数字的话，那么它就定义缩进几个字符，当然 如果大于10 ，则最大值为10.   

var student = new Object();  
student.qq = "5485891512";  
student.name = "Lanny";  
student.age = 25;  

var stu = new Array();  
stu[0] = "qq";  
stu[1] = "age";  
stu[2] = "Hi";  

var json = JSON.stringify(student,stu,100);//注意这里的100  
alert(json);

那么得到的是： 

空开来了10个字符。 

4.3.如果是一些转义字符，比如“\t”，表示回车，那么它每行一个回车。 

也是一样。 

4.4.如果仅仅是字符串，OK，就在每行输出值的时候把这些字符串附加上去就OK。当然，最大长度也是10个字符。 

如果是var json = JSON.stringify(student,stu,“HaiKou”);//

JSON.parse(text, reviver)方法

参数：

text必需。 一个有效的 JSON 字符串。

reviver可选。 一个转换结果的函数。 将为对象的每个成员调用此函数。 如果成员包含嵌套对象，则先于父对象转换嵌套对象。 对于每个成员，会发生以下情况：

如果 reviver 返回一个有效值，则成员值将替换为转换后的值。
如果 reviver 返回它接收的相同值，则不修改成员值。
如果 reviver 返回 null 或 undefined，则删除成员。

返回值：

一个对象或数组。 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JSON.parse()</title>
<script type="text/javascript" src="json2.js"></script>
<script type="text/javascript">
	var data='{'
	+'"root":'
	+'['
	+'{"name":"1","value":"0"},'
	+'{"name":"6101","value":"西安市"},' 
	+'{"name":"6102","value":"铜川市"},' 
	+'{"name":"6103","value":"宝鸡市"},'
	+'{"name":"6104","value":"咸阳市"},' 
	+'{"name":"6105","value":"渭南市"},'
	+'{"name":"6106","value":"延安市"},' 
	+'{"name":"6107","value":"汉中市"},' 
	+'{"name":"6108","value":"榆林市"},' 
	+'{"name":"6109","value":"安康市"},' 
	+'{"name":"6110","value":"商洛市"}' 
	+']'
	+'}'; 


	
	//示例1：此示例使用 JSON.parse 将 JSON 字符串转换为对象
	var jsontext = '{"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]}';
	var contact = JSON.parse(jsontext);
	document.write(contact.surname + ", " + contact.firstname + ", "+ contact.phone);

	
	
	//dateReviver
	//var dateObj = new Date(Date.UTC('2008', +'01' - 1, +'01', +'12', +'00', +'00'))
	//alert(dateObj.toUTCString())

	//示例2：此示例使用 JSON.parse 反序列化 ISO 格式的日期字符串, 将返回Date格式对象。
	var jsontext2 = '{ "hiredate": "2008-01-01T12:00:00Z", "birthdate": "2008-12-25T12:00:00Z" }';
	var dates = JSON.parse(jsontext2, dateReviver);
	document.write("<br /><br />"+dates.birthdate.toUTCString());
	function dateReviver(key, value) {
		var a;
		if (typeof value === 'string') {
			a = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
			if (a) {
				return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
								+a[5], +a[6]));
			}
		}
		return value;
	};

</script>
</head>
<body>
</body>
</html>
 上面代码中有两个示例： 



 示例1功能为将json字符串转化为json对象。（注意！json字符串的格式一定要标准，key和value一定要用双引号包括，否则会出线解析异常） 



 示例2功能介绍reviver修改返回结果的功能。
zjw0742
关注
专栏目录
JS 或 Javascript 中 构造/解析json字符串
yan072201的专栏
04-24 1177
构造： 变量定义的是对象（‘{}’）则中括号中的值为key，赋值是value 例如：var data = {}; data["name"] = "张三"; name 为Key; 张三为name的值; 输出的data值为：{"name":"张三"} 变量定义的是对象（‘new Array()’）则中括号中的值为序列号，赋值是value 例如：var data = new Array();...
js中json操作——函数构造法、eval、JSON.stringify、JSON.parse
chimu9074的博客
08-28 227
函数构造定义法返回 var strJSON = "{name:'json name'}";//得到的JSON var obj = new Function("return" + strJSON)();//转换后的JSON对象 alert(obj.name);//js...
javascript之JSON结构
weixin_33728268的博客
07-20 77
使用JSON JSON是一种用于数据交换的文本格式。其作用是提供结构化数据的一种表示，而不依赖于所用的语言和平台。使用这种格式，可以在不同语言编写的应用程序之间交换数据，而且可以在不同机器上运行应用程序。与XML相比（这可能是最著名的数据交换格式），JSON的语法很简洁。这说明，通过网络传输JSON数据通常需要更少的带宽。 JSON建立在JavaScript语言的一个子集的基础上。因此，其编...
js - JSON构造函数
Jared864的博客
05-19 718
Day29 真正的JSON json数据，可以放在json文件中，也可以出现在编程语言中 是一种文本数据，有专门的文件（.json）存储 有固定的语法要求 json作用：通用数据 是一种文本语句，用来作为服务器端和客户端数据交互时，存储数据 时一种编程语言中的通用数据，任何一门编程语言，都可以识别解析 编程语言中的JSON js中的json，类似于数组和对象，只不过还需要遵守json的要求，js中有提供json和数组的转换方法 日常在js中，所谓的json数组，对象，其实只是参考了j
用JS构建JSON字符串
qq_43893500的博客
03-01 1767
假如有如下字符数组： var City=['丽江',"宜宾","南京"]; var Province=["云南","四川","江苏"]; var Food = ["米线","燃面","雨花茶"]; 想要将他们整合为如下JSON字符串，可以怎么做呢？ [{"city":"丽江","province":"云南","Food":"米线"},{"city":"宜宾","province":"四川","F...
深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解
10-22
JSON.parse()、JSON.stringify()和eval()是JavaScript中处理数据和字符串的三个重要函数，每个都有其特定的用途和优势。下面将详细探讨这三个函数的作用。 首先，JSON.parse()是用于将JSON格式的字符串转换成...
JSON.parse 和 JSON.stringify 详解
m0_60324206的博客
12-31 2116
JSON格式，(简写JavaScript Object Notation)，是一种用于数据交换的文本格式，书写简单。 基于JavaScript原生语法，能够序列化对象、数组、数值、字符串、布尔值和 null。 在ES5中，增加了一个JSON对象，专门用来处理JSON格式的数据。 JSON是一个对象，但只有两个方法：parse和stringify，不能作为构造函数，也无属性。 typeof JSON === 'object' JSON.parse JSON.parse()用来解析JSON字符...
javascript解析json实例详解
12-02
在JavaScript中解析JSON主要涉及两个核心函数：`JSON.parse()` 和 `eval()`。本文将深入讲解这两种方法以及相关的使用场景。 1. `JSON.parse()` `JSON.parse()` 是JavaScript内置的函数，用于将一个JSON字符串转换...
javascript解析json格式的数据方法详解
11-19
对于不支持 `JSON.parse()` 和 `JSON.stringify()` 的旧版浏览器，可以引入 Douglas Crockford 提供的 `json2.js` 库来实现这些功能。`jsonStr.parseJSON()` 也是这个库提供的方法，它与 `JSON.parse()` 功能相同。 ...
JavaScript JSON
西电卢本伟的博客
04-09 1055
js对象、js json
js中json使用全解
03-04
一、选择的意义 二、JSON 基础 三、在JavaScript中使用JSON 四、JSON在Ajax中的应用
js中eval()和$.parse()的区别以及JSON.stringify()
林sanity
02-05 762
1. JSON.parse(jsonString)和eval(jsonString): 在一个字符串中解析出JSON对象 var str = '[{"href":"baidu.com","text":"test","orgId":123,"dataType":"curry","activeClass":"haha"}]'; JSON.parse(str); 结果：
用Js的eval解析JSON
coffeehot的专栏
12-29 187
转自：http://blog.csdn.net/piaoxuan1987/article/details/8459233 在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式： 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析。 使用eval函数来解析，并且使用jquery的each方法来遍历 用jquery解析JSON数据的方法,作为jquery异步...
javascript的eval方法与JSON.stringify方法简介
hhw199112的博客
10-30 328
从对json的处理效果上看来，这两个方法实现的功能是相反的。 eval可以将字符串格式的json数组转为正常的json数组。但是不能将字符串格式的json对象转为正常的json对象。 JSON.stringify可以把json对象转为字符串格式的json,也能把json数组转为字符串格式的数组。
JS组JSON结构方法
qqq1112345的博客
09-26 1769
具体需求为获取网页表格内的数据，并将这些数据组成json结构发送给web服务器。 1.json与字符串的互转 (1)json转字符串： var str= JSON.stringify(jsonObj); (2)字符串转json：
3、js内置函数及json对象
qq_54199667的博客
02-14 516
文章目录1. JSON对象和JSON数组2. 内置函数 1. JSON对象和JSON数组 JSON(JavaScript Object Notation)是一种基于JS的**轻量级的****数据交换格式 JSON对象是一个无序的“属性名/值”对集合。一个JSON对象以“{”开始，“}”结束。每个“属性名”后跟一个“:”（冒号）；“属性名/值”对之间使用“,”（逗号）分隔。 var obj = {“name”:”张三”,” age”:18,” sex”:”男”}; 它是一种严格的JS对象的格式，JSON***
JS中的JSON（秒懂如何操作JSON）
最新发布
百赢出品，必属精品
04-10 6485
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它基于JavaScript的语法子集，但是独立于编程语言。JSON格式可以用来在网络中传输数据，也可以存储数据。JSON采用键值对的方式表示数据，其中键是字符串，值可以是字符串、数字、布尔值、数组、对象或者null。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，常用于在不同系统之间进行数据传输和存储。格式JSON采用键值对的方式存储数据。
JSON 对象
03-30 4066
JSON 对象可以使用 JavaScript 创建。这里有一个例子，展示了在 JavaScript 中使用 JSON 创建对象，可以将下面的代码保存为。下面的例子展示了在 JavaScript 中使用 JSON 创建数组对象，可以将下面的代码保存为。JSON 对象使用在大括号({})中书写，对象可以包含多个 key/value（键/值）对。你可以使用点号(.)或者中括号([])来访问嵌套的 JSON 对象。注：.htm格式是早期的.html格式，此处内容无误。
Java与JavaScript之间的JSON转换详解
"Json详解技术" JSON（JavaScript Object Notation）是用于数据交换的一种轻量级格式，它基于JavaScript编程语言的一个子集。JSON格式易于人阅读和编写，同时也易于机器解析和生成。JSON主要用于传输数据，特别是在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值