前言：说白了，用双引号括起来的数组就是字符串数组，也就是我们常见的JSON数据，在我们的实际开发中，很多情况下，后端返回过来的数据都是json数据，所以当我们在使用这些数据的时候，先要把它转换成js对象，再来操作。

首先我们先了解一下什么是JSON数据？

JSON (JavaScript Object Notation) 一种简单的数据格式，比Xml更轻巧。JSON 是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API 或者工具包。JSON的规则很简单：对象是一个无序的“名称/值”对集合。一个对象以"{"(左括号)开始，“}”(右括号)结束。每个"名称"后跟一个":"(冒号);“名称/值”对之间使用","(逗号)分隔。

它是一种严格的JS对象的格式，JSON属性名称必须有双引号，如果值是字符串，也必须是双引号；

JSON数据与JS对象的区别

总而言之，你可以理解JSON是JS下的数据格式，他从属于JS，并且在处理JSON数据时可以直接使用JS内置的API方法;

接下来说正事，我昨天遇到的一个问题

加入后端返回过来的数据如下：

 data:{
	arrList:[{carousel:"[{"url":"http://img.nodebook.jpg"}]"}]
}

从上面代码我们可以知道，返回的是一个 data对象，data对象里面有一个arrList数组，数组里面的值又是以对象的形式存在，对象中有一个carousel属性，carousel属性的值就是 以JSON数据格式存在的。

昨天我想取到url的值，却怎么也取不到，到后来发现是我东西搞错了。
我昨天是这样取的， data.arrList[0].carousel[0].url
到后来才发现，carousel 的属性值并不是一个数组，要经过处理才能取到。

JSON转换为JS数组；
JSON.parse(data.arrList[0].carouse)[0].url 这样才能取到url的值
打印console.log(JSON.parse(data.arrList[0].carouse)[0].url)
打印结果： http://img.nodebook.jpg

附上图片：
转换之前,图片显示不出来

转换之后


现在图片也出来了;