javascript - OO JS - 遍历对象数组

Question

对 OO Js 来说很新，过去常常用一个又一个函数来编程，所以现在就试着解决这个问题!

我正在制作标签布局 -

我通过调用创建一个选项卡:tab.NewTab();我可以访问 tab[0]、tab[1] 等处的标签

var tabCount = 0;
var tabs = [];

tabs.NewTab = function (){
    var tabName = "tab" + tabCount;
    tabs[tabCount] = new Tab(tabName);
    tabCount++;
};

function Tab(tabName){
    return{
        name: tabName
    }
}

我想创建一个函数来计算打开的标签页数:

tabs.HowMany = function () {
    for (var i in tabs) {
        alert("new");
    }
};

这也返回方法(0,1、NewTab、HowMany)。

有什么建议吗？

Answer 1

你正在寻找 tabs.push(new Tab(tabName));

然后放弃 tabCount，而是使用所有 javascript 数组固有的 length 属性:tabs.length

此外，您的 Tab 构造函数是错误的。正如目前编写的那样，不应使用 new 调用它。只需调用 Tab('someName')，它就会返回您要查找的对象。但是，如果您这样做，请将其更改为 tab，因为非构造函数应该是小写的。

如果您真的很想使用 new 关键字，Tab 应该是这样的:

function Tab(tabName){
   this.name = tabName;
 }

编辑

如果您想遍历数组的所有成员，这是最简单的方法:

for (var i = 0; i < tabs.length; i++)
    var currentTab = tabs[i];