javascript - 从 javascript 数组加载 jstree

Question

我正在尝试使用 jstree 来提供一棵树。树的节点应从 javascript 数组元素中提取。例如，我的数组是 Library={Milk,Bread,Cheese,...} 所以我希望父节点是 Milk, Bread, Cheese, ... 这是我尝试过的部分代码，我想初始化jstee_data 基于数组。在这里，我只是初始化那个 manullay。但是我可以循环执行此操作吗？因为如果说数组有 20 个元素，那么很难编写 manullay 代码！

<script type="text/javascript">
$(function() {
    var lib_info = new Array();
    lib_info[0]= new library_Object("Milk");
    lib_info[1]= new library_Object("Bread");
    lib_info[2]= new library_Object("Cheese");
    $("#someButton").click(function() {
        $("#treeContainer").jstree({
            "json_data": {
                "data": [
                    { "data": lib_info[0].libData, "children": ["Child 1", "A Child 2"] }, { "data": lib_info[1].libData, "children": ["Child 1", "A Child 2"] }, { "data": "Last node" },                ]
            },
            "plugins": ["ui", "json_data", "themes"]
        });
    });

});
function library_Object(lib_data) {
    this.libData = lib_data;
}
</script>

非常感谢任何帮助。