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

时间:2022-06-01 14:13:34

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;
};