js解析php返回的json数据无法获取length的问题分析

时间:2022-10-16 20:39:54

1.问题出现的过程,js解析php json_encode 的数据,无法获取长度信息,提示undefined
 
debug:
 
    首先打印查看了php encode后的数据,返现最外层是一个中括号,误以为编码成了一个数组,于是将其强制类型转换为Object ,但是长度依然undefined
 
     在同样是解析json的话题ppt页面,控制台打印json,发现有一个length的属性,起初以为是在php端加到数组中的,查看后发现并非如此,于是乎*上查询得知,要想有此属性,必须是一个json数组而非一个json对象。
 
     所以,正常的json_encode方法得到的数据是没有问题的,真正造成解析json报错的原因是数组数据中包含了无法解析的字符 换行符\n
 
 
2.php json_encode方法
 
数组键值对js parseJSON的影响
1>测试数据:
$data = ["2"=>["name"=>"wwww","data"=>"cccc"],"1"=>["name"=>"xxx","data"=>"ttt"]];
 
encode后:
 
{
"1": {
"name": "xxx",
"data": "ttt"
},
"2": {
"name": "wwww",
"data": "cccc"
}
}
 
$.parseJSON结果
js解析php返回的json数据无法获取length的问题分析
 
2>测试数据
 
$data = [“0"=>["name"=>"wwww","data"=>"cccc"],"1"=>["name"=>"xxx","data"=>"ttt"]];
[
{
   "name": "wwww",
"data": "cccc"
},
{
"name": "xxx",
"data": "ttt"
}
]
 
$.parseJSON结果
 
js解析php返回的json数据无法获取length的问题分析
 
 
可以看出来下标从0开始的数组encode之后是一个json数组,有length属性
下标非从0开始的任意键值的数组encode之后是一个json对象,无length属性
 
对于键值混乱的数组json_encode之后想要通过js获取对象的长度可以使用如下方法:
 
 var getLength = function(obj) {
    var i = 0, key;
    for (key in obj) {
        if (obj.hasOwnProperty(key)){
            i++;
        }
    }
    return i;
};