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

来源：互联网发布：怎么看淘宝店编辑：程序博客网时间：2024/05/16 02:06

开发中我们常常会使用到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没有测试）。

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

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

0 0