JS中JSON对象和String之间的互转及处理技巧

如何遍历JSON数组

在web开发中，处理JSON数据是非常常见的任务。当你从服务器接收到一个JSON数组，或者在前端生成一个JSON数组时，你可能需要遍历这个数组来展示或处理数据。下面是一个简单的例子，展示了如何在JavaScript中遍历一个JSON数组。

假设我们有以下的JSON数组：

```json

[

{"firstName":"Bill","lastName":"Gates"},

{"firstName":"Gee","lastName":"Bush"},

{"firstName":"Thomas","lastName":"Carter"}

]

```

我们可以通过JavaScript的for循环来遍历这个数组，并将每个人的名字展示在一个网页上。 需要注意的是，对于较老的浏览器版本（如IE8兼容模式、IE7和IE6），它们可能不支持原生的JSON对象。对于这些浏览器，你可以使用一个第三方库（如json2.js）来提供JSON支持。

JavaScript中String和JSON之间的转换

现代浏览器通常包含一个用于处理JSON的内置对象。但有时候你可能需要在JavaScript字符串和JSON对象之间进行转换。 例如，假设你有一个包含个人信息的JSON字符串：

```json

var c='{"name":"Mike","sex":"女","age":"29"}';

```

你可以使用浏览器的原生JSON对象将其转换为一个JavaScript对象：

```javascript

var cToObj = JSON.parse(c);

alert(typeof(cToObj)); // 输出 "object"

```

同样地，你也可以将一个JavaScript对象转换回JSON格式的字符串：

```javascript

var obj = {name: 'Mike', sex: '女', age: 29};

var jsonStr = JSON.stringify(obj); // 将对象转换为JSON字符串

```

掌握JSON与生成的两大法宝：JSON.parse与JSON.stringify

在现代的web开发中，JSON已经成为数据传输的标准格式之一。对于开发者来说，掌握如何和生成JSON是至关重要的。有两个函数能够帮助我们轻松完成这些任务：JSON.parse() 和 JSON.stringify()。

JSON.parse(text)函数是用于JSON格式的字符串，将其转化为JavaScript对象。而在早期的IE版本中，这个功能并不被原生支持。为了应对这一问题，我们可以从json的官方网站下载json2.js来进行补充。

关于JSON的处理方法，还有一些过往的方式现在已经不再推荐使用。在此为您详细介绍几种已经弃用的旧法：

旧方法回顾：

在早期，开发者曾使用eval函数来JSON字符串。例如：

function strToJson(str){

var json = eval('(' + str + ')');

return json;

}

虽然这种方法能够实现功能，但由于安全性问题，现在已不再推荐使用。

现代常用方法：

当前更为安全且常用的方式是使用Function构造函数来JSON字符串：

function strToJson(str){

return (new Function("return " + str))();

}

这种方式的优点是避免了eval函数可能带来的安全风险。

针对IE的特别处理：

对于不支持JSON.parse的IE版本，我们可以采用以下方式进行处理：

function strToJson(str){

return JSON.parse(str);

}

在实际应用中还需要考虑浏览器兼容性。

jQuery中的处理方式：

除了上述方法外，jQuery也提供了处理JSON的函数：parseJSON。这个函数能够处理各种情况下的JSON字符串，并且兼容多种浏览器：

parseJSON: function(data) { ……（此处省略具体代码） }

此函数首先检查输入是否为合法的JSON字符串，然后根据浏览器的支持情况选择使用window.JSON.parse或者Function构造函数进行。如果不合法，则抛出错误。最后提到的cambrian.render('body')可能是某个特定框架或库的调用，具体细节需要依据上下文来理解。

掌握JSON的与生成技巧对于开发者而言是必备的技能。在开发过程中选择合适的方法能够提升效率和安全性。希望以上内容对您有所帮助！