怎样取出JSON字符串数组对象中的某个键名的键值
前言:说白了,用双引号括起来的数组就是字符串数组,也就是我们常见的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
附上图片: 转换之前,图片显示不出来 转换之后 现在图片也出来了;
