jQuery遍历json递归

Question

我正在尝试使用 jQuery 递归遍历 JSON 对象。通常它可以工作，但不能在以下 JSON 上。

我要遍历这个JSON，这里我上传了一张图片：

对于我的 json 对象，我有这个 jquery 函数：

 var construct_id = "#ecommerce_form_";

 // function to traverse json objects given back from Serializer class
 function process(callback, id) {
   var key;
   for (key in callback) {

    // Handle the arrays
    if ('length' in callback[key]) {

        // Handle the end - we found a string
        if (typeof callback[key][0] == "string") {
            var field_id = construct_id + id + key;
            var err_msg = callback[key][0];

            $(field_id).tooltip('destroy');
            $(field_id).tooltip({'title': err_msg});
            $(field_id).closest('div[class="form-group"]').addClass('has-error');

            console.log(field_id, ":", err_msg);
        }
        // Else we found something else, so recurse.
        else {
            var i = 0;
            while (i < callback[key].length) {
                process(callback[key][i], key + "_" + i + "_");
                i++;
            }
        }
    }

    // Handle the objects by recursing.
    else {
        process(callback[key], key + "_");
    }
   }
 }

但在尝试构建联系人时该功能失败 > 地址 id 并显示错误消息：

"未捕获的 TypeError: 无法使用 'in' 运算符搜索 'length' in 这个值不能为空。”

希望你们能帮助我增强 jQuery 功能，正如您在这个 json 示例中看到的那样，它并不是 100% 成功的。

问候

Answer 1

您正在尝试在字符串中搜索属性“length”，但无法完成。在错误的迭代中：callback = obj.contacts.addresses, key = city 然后 callback[key][0] = "This value should not be blank"。
你应该做的是检查你是否在之前寻找“长度”属性，如果你还没有找到一个字符串，则开始递归检查。
在此处查看 jsfiddle 示例： http://jsfiddle.net/38d15z4o/

 var construct_id = "#ecommerce_form_";

// function to traverse json objects given back from Serializer class
function process(callback, id) {
   var key;
   for (key in callback) {
   // Handle the end - we found a string
   if (typeof callback[key] == "string") {
        var field_id = construct_id + id + key;
        var err_msg = callback[key][0];
        $(field_id).tooltip('destroy');
        $(field_id).tooltip({'title': err_msg});
        $(field_id).closest('div[class="form-group"]').addClass('has-error');

        console.log(field_id, ":", err_msg);
   }
    // Handle the objects and arrays by recursing.
    else {
        process(callback[key], id + key + "_");
    }
   }
 }

注意：对于错误消息，您只显示字符串的第一个字母，我认为您的意思是：err_msg = callback[key] 而不是 err_msg = callback[key][0]。

Answer 2

你为什么不检查

typeof callback[key] === 'array'

改为检查长度属性？