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

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

};

这是我的代码，但我在选项卡对象中的第一个 for 循环中遇到 "Unexpected Token" 错误。这是不允许的吗？我怎样才能读取这些数组并动态创建像上面那样的对象？数组（以及随后的对象）可以并且将会随着 .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

关于您的问题，'Can you use for loop inside an object [literal] '，也许要创建属性列表，您可以这样做：

将您的 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          

        })()
}

结果：
项目 = { 列表： [ "item no. 0", "item no. 1", "item no. 2", "item no. 3" ] }

Answer 2

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

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

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

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

How to dynamically generate javascript objects within other objects. Can you use a for loop inside an object?

javascript

javascript-objects