如何将JSON反序列化为JavaScript对象?

摘要:JSON(JavaScript Object Notation)用于与Web服务器或RESTFull API交换数据,从Web服务器接收的数据始终是字符串。为了使用这些数据,您需要使用JSON.parse()解析数据,它将返回一个JavaScript对象或对象数组。

JSON(JavaScript Object Notation)用于与Web服务器或RESTFull API交换数据,从Web服务器接收的数据始终是字符串。为了使用这些数据,您需要使用JSON.parse()解析数据,它将返回一个JavaScript对象或对象数组。

JSON.parse()方法用于解析以JSON格式编写并返回JavaScript对象的JSON字符串。

语法:

JSON.parse( string, function )

参数:它接受下面列出的两个参数

● string:它是必需参数,它包含以JSON格式编写的字符串。

● function:可选参数,用于转换结果。为每个项目调用的函数。


示例1:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>使用JSON.parse()方法将JSON反序列化为JavaScript对象</title>
	</head>

	<body>  
    <p>将JSON反序列化为JavaScript对象:</p>  
    <p id="demo"></p>  
    <script>  
        var obj = JSON.parse('{"var1":"Hello", "var2":"World!"}');  
          
        document.getElementById("demo").innerHTML  
                = obj.var1 + " " + obj.var2;  
    </script>  
</body>  
  
</html>

输出:

将JSON反序列化为JavaScript对象:
Hello World!

示例2:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>使用JSON.parse()方法将JSON反序列化为JavaScript对象</title>
	</head>

	<body>  
    <p>将字符串转换为日期对象:</p>  
    <p id="demo"></p>  
    <script>  
        var text = '{"name":" Pankaj_Singh","birth":"1996-12-14", "city":"Jhansi"}'; 
            var obj = JSON.parse(text); 
            obj.birth = new Date(obj.birth); 
            document.getElementById("demo").innerHTML =  
                             obj.name + ", " + obj.birth; 
    </script>  
</body>  
  
</html>

输出:

将字符串转换为日期对象:
Pankaj_Singh, Sat Dec 14 1996 08:00:00 GMT+0800 (中国标准时间)

支持的浏览器:

● Chrome 4.0

● Firefox 3.5

● Opera 11.0

● Internet Explorer 8.0

● Safari 4.0

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_7544