前台JSON字符串转换为JSON对象

开发中我们常常会使用到JSON对象,那么我们在前台怎样将一个JSON字符串转换为JSON对象呢。
在这里我提供了两种方法,当然这两种方法网上都是已经有的,我也只是整理一下更方便各位查看而已。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- 
	在前天如何将JSON字符串变为JSON对象
 -->
<script type="text/javascript">
	var jsonStr = '[{cityId:"101",cellId:"1011",cellName:"绿色家园0"},'+
			'{cityId:"101",cellId:"1014",cellName:"绿色家园1"},'+
			'{cityId:"101",cellId:"1015",cellName:"绿色家园2},'+
			'{cityId:"101",cellId:"1016",cellName:"绿色家园3"},'+
			'{cityId:"101",cellId:"1017",cellName:"绿色家园4"}]';
	console.log("json字符串:"+jsonStr);
	// 方法一
	var jsonObj1 = eval('(' + jsonStr + ')');
	// 方法二
	var jsonObj2 = (new Function('return '+jsonStr +';'))();
	
	console.log("json对象1:"+ jsonObj1);
	console.log(jsonObj1[0].cellName);
	console.log("json对象2:"+ jsonObj2);
	console.log(jsonObj2[3].cellName);
</script>

</head>
<body>
<h3>在前台将JSON字符串转换为JSON对象</h3>

</body>
</html>

这两种方法的好处就是不用引用任何js,并且支持火狐、谷歌、IE7以上的(IE6没有测试)。

在火狐中控制台输出信息如下:

前台JSON字符串转换为JSON对象_第1张图片

如果图片看不清楚,请按着自己键盘的 "Ctrl" + “鼠标滚动条”,也就是放大浏览器页面即可看清图片。

你可能感兴趣的:(JavaScript,js,json,控制台)