Question

我希望实现一组这样的javascript对象：

tabs[0]={
 sections[0]={
      title:"section0",
      children[0]={
           title:"Child0"
      },
      children[1]={
           title:"Child1"
      },
      children[2]={
           title:"Child2"
      }
 },
 sections[1]={
      title:"section1",
      children[0]={
           title:"Child0"
      },
      children[1]={
           title:"Child1"
      }
 }
 };
tabs[1]={
 sections[0]={
      title:"section0",
      children[0]={
           title:"Child0"
      },
      children[1]={
           title:"Child1"
      }
 },
 sections[1]={
      title:"section1",
      children[0]={
           title:"Child0"
      },
      children[1]={
           title:"Child1"
      }
 },
 sections[2]={
      title:"section2",
      children[0]={
           title:"Child0"
      },
      children[1]={
           title:"Child1"
      }
 }

};

这是我的代码但是我在tab对象中的第一个for循环中遇到“意外令牌”错误。这是不允许的？我怎么能读取这些数组并动态创建上面的对象？随着.csv文件的更改，数组（以及随后的对象）可以并且将会发生变化，这就是我需要动态创建这些对象的原因。这些对象将与AngularJS的ng-repeat一起使用，以创建应用程序的选项卡式和侧面导航。

 this.tabData = tabsService.tabData;
    var tabCount = tabsService.tabData.length;
    var tabs={};
    var tCounter = 0;
    for (tCounter; tCounter<tabCount; tCounter++){
    var tabURL = "Contents/Product Groups/"+this.tabData[tCounter]+"/sectionOrder.csv";

    tabs[tCounter] ={
        "TabSectionData" : $.getCsvArray(tabs[tCounter].tabURL), //gets array from csv file
        "sectionCount" : TabSectionData.length

            for (sCounter = 0; sCounter<tabs[tCounter].sectionCount; sCounter++){
            "tabChildURL" : "Contents/Product Groups/"+this.tabData[tCounter]+"/"+tabs[tCounter].TabSectionData[sCounter]+"/order.csv", 
            "TabChildData" : $.getCsvArray(tabChildURL) //gets array from csv file

            sections[sCounter] ={
                "title" = tabs[tCounter].TabSectionData.[sCounter];
                cCounter = 0;
                for (cCounter = 0; cCounter<TabChildData.length; cCounter++){
                        children[cCounter]={
                        "title": tabs[tCounter].TabSectionData[sCounter].TabChildData.[cCounter]

                        }
                    }
                }
            }


        }
    }

Answer 1

您可以在函数内运行循环并立即执行该函数。我创建了一个Snippet来举例说明。

＆＃13;

var obj = {
    name: 'My Object',
    sections: (function () {
        var result = [];

        for (var i = 0; i < 10; i++) {
            var it = {};
            result[i] = it;
            
            it.title = 'Hello';

            it.children = [];
            for (var j = 0; j < i; j++) {
                it.children[j] = 'children' + j;
            }
        }

        return result;
    })()
};

var json = JSON.stringify(obj, null, 4);
jQuery('pre').append(json);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<pre></pre>

＆＃13;

Answer 2

关于你的问题，＆＃39;你可以在对象[literal]中使用for循环，也许是为了创建一个属性列表，你可以这样做：

将for循环包含在一个立即调用的函数中。从该函数return循环的结果。

例如：

我想使用for循环动态添加一个属性数组。

var items = {

    list : (function(){    // immediately invoked function

            var arr = []; // array

            for (var i = 0; i < 4; i++)
            {
                arr.push('item no. '+i); // add each item to array
            }

            return arr;   // return the array as value of the list property          

        })()
}

结果：
items = { 清单：[ ＆＃34;项目编号0＆＃34 ;, ＆＃34;项目编号1＆＃34 ;, ＆＃34;项目编号2＆＃34 ;, ＆＃34;项目编号3＆＃34; ] }

如何在其他对象中动态生成javascript对象。你能在对象中使用for循环吗？

2 个答案: