如何使用 jquery 读取 json 数组值及其子数组

Question

您好，我有一个以下格式的 json 数组。

{
    "data": {
        "title": "MainNode"
    },
    "children": [{
        "data": {
            "title": "Firstchild",
            "description": "Texttexttext"
        },
        "children": [{
            "data": {
                "title": "Firstchildschild",
                "description": "Texttexttext"
            },
            "children": [{
                "data": {
                    "title": "FirstchildschildsChild",
                    "description": "Texttexttext"
                }
            }]
        }, {
            "data": {
                "title": "FirstchildsSecondchild",
                "description": "Texttexttext"
            },
            "children": [{
                "data": {
                    "title": "FirstchildsSecondchildsChild",
                    "description": "Texttexttext"
                }
            }]
        }]
    }]
}

我必须根据标题文本值读取数组并列出该特定数据及其子数据。

例如。如果我的输入（标题值将从 http URL 获取，如下所示）是 "Firstchild/Firstchildschild/"，那么我必须列出 FirstchildschildsChild 及其描述。

如果我的输入是 /Firstchild/，那么我必须列出 Firstchildschild & FirstchildsSecondchild 数据及其子名称。

使用 jquery 如何获取我上面提到的记录。请告知处理此 json 而不是使用大量循环的最佳方法？

Answer 1

好吧，只是为了这些必需品（并且相信这确实是一个很大的必需品），我发明了一个名为 Object.prototype.getNestedValue() 的 Object 方法，它可以动态地从深度嵌套的 Objects 中获取嵌套值。您需要提供的只是属性的字符串和数组索引的正确顺序的数字。好的，让我们看看...

Object.prototype.getNestedValue = function(...a) {
  return a.length > 1 ? (this[a[0]] !== void 0 && this[a[0]].getNestedValue(...a.slice(1))) : this[a[0]];
};

var JSONobj = {
    "data": {
        "title": "MainNode"
    },
    "children": [{
        "data": {
            "title": "Firstchild",
            "description": "Texttexttext"
        },
        "children": [{
            "data": {
                "title": "Firstchildschild",
                "description": "Texttexttext"
            },
            "children": [{
                "data": {
                    "title": "FirstchildschildsChild",
                    "description": "Texttexttext"
                }
            }]
        }, {
            "data": {
                "title": "FirstchildsSecondchild",
                "description": "Texttexttext"
            },
            "children": [{
                "data": {
                    "title": "FirstchildsSecondchildsChild",
                    "description": "Texttexttext"
                }
            }]
        }]
    }]
},
     value = JSONobj.getNestedValue("children",0,"children",0,"data","title");
console.log(value); // Firstchildschild
var a = "children",
    b = 0,
    c = "data",
    d = "title";
    value2 = JSONobj.getNestedValue(...[a,b,a,b,c,d])
    console.log(value2); // Firstchildschild

它还有一个妹妹叫Object.prototype.setNestedValue()。

Answer 2

var obj = jQuery.parseJSON( '
    "data": {
        "title": "MainNode"
    },
    "children": [{
        "data": {
            "title": "Firstchild",
            "description": "Texttexttext"
        },
        "children": [{
            "data": {
                "title": "Firstchildschild",
                "description": "Texttexttext"
            },
            "children": [{
                "data": {
                    "title": "FirstchildschildsChild",
                    "description": "Texttexttext"
                }
            }]
        }, {
            "data": {
                "title": "FirstchildsSecondchild",
                "description": "Texttexttext"
            },
            "children": [{
                "data": {
                    "title": "FirstchildsSecondchildsChild",
                    "description": "Texttexttext"
                }
            }]
        }]
    }]
}' );

alert( obj.name === "data" );

你必须解析元素

obj.name === "数据"

在下link